在.net中使用layer得用ajax来请求一般处理程序来得到想要的json数据，直接上代码

html:

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>layer</title>

    <script src="layer/jquery-1.9.1.min.js"></script>

    <script src="layer/layer.min.js"></script>

    <script src="layer/extend/layer.ext.js"></script>

</head>

<body>

    <div style="width: 100%; height: 100%; text-align: center;">

        <div id="testMaxmin" style="width: 100px; height: 100px; background-color: #808080"></div>

        <script>

            $('#testMaxmin').on('click', function () {

                $.layer({

                    type: 2,

                    maxmin: true,

                    title: '网络电视',

                    area: ['580px', '350px'],

                    iframe: {

                        src: 'http://t.cn/zW9SbfS'

                    }

                })

            });

        </script>

        <div id="testPhotos" style="width: 100px; height: 100px; background-color: #ff6a00">

            </div>

        <script>

            var photos;

            $('#testPhotos').on('click', function () {

                //判断是否已经请求过相册，已请求过，则直接读取缓存数据

                if (photos) {

                    layer.photos({

                        html: '', //如果此处传入html值，则右侧区域会显示，不传则不显示

                        json: photos

                    });

                } else {

                    layer.load();

                    $.ajax({

                        url: "handler.ashx",

                        type: "post"

                    }).done(function (da) {

                        json = JSON.parse(da);

                        photos = json;

                        layer.photos({

                            html: '', //如果此处传入html值，则右侧区域会显示，不传则不显示

                            json: json

                        });

                        layer.closeLoad()

                    });

                }

            });

        </script>

    </div>

</body>

handler.ashx

public void ProcessRequest(HttpContext context)

    {

        JavaScriptSerializer jss = new JavaScriptSerializer();

        context.Response.ContentType = "text/plain";

        string data = "{\"status\": 1,\"msg\": \"\",\"title\": \"hahahaha\",\"id\": 8,\"start\": 0,\"data\": [{\"name\": \"qwe\",\"pid\": 109,\"src\": \"../images/1.jpg\",\"thumb\": \"\",\"area\": [638,851]},{\"name\": \"weq\",\"pid\": 110,\"src\": \"../images/2.jpg\",\"thumb\": \"\",\"area\": [638,851]}]}";

        context.Response.Write(data);

    }

图片地址什么的可以自己改，一定注意要引用js，jquery要1.8以上！

layer .net中使用的更多相关文章

  1. 如何获得<div id=”div1”>This is first layer</div>中的值？

    如何获得<div id=”div1”>This is first layer</div>中的值? 解答: <script> var div1=Document.ge ...

  2. layer.js中layer.tips

    <script src="~/Content/js/layer/layer.js"></script> layer.tips('名称不能为空', '#pro ...

  3. layer.open中content里面的元素追加click事件，触发不了

    [注意] 事件要追加在触发弹出事件的点击事件里面 $('#feedback').click(function(){ layer.open({ content:'<div><div c ...

  4. layer.open()中属性content在IE 8中提示“网页无法显示”

    将图中的${ctx}值为 将${ctx}更改为BASEURI 如图: 若是在IE8上中弹出框中还是显示网页无法显示.可以改为 content:‘http://127.0.0.1:8081/projec ...

  5. layer.open中父页面向子页面传值

    1.咱先看图说话 父list.jsp 子operate.jsp实现的代码1 在父页面上完成对子页面的数据渲染 function setData(data) { var lay=layer.open({ ...

  6. layer弹出层中H5播放器全屏出错解决 & 属性poster底图占满<video>的方法

    1. 在layer弹窗组件中 如果使用了flash播放器,全屏是正常的 但若使用了HTML5的播放器,全屏失效 举个栗子 <!DOCTYPE html> <html> < ...

  7. 数据库设计中的Soft Delete模式

    最近几天有点忙,所以我们今天来一篇短的,简单地介绍一下数据库设计中的一种模式——Soft Delete. 可以说,该模式毁誉参半,甚至有非常多的人认为该模式是一个Anti-Pattern.因此在本篇文 ...

  8. [原]在GeoServer中为OpenStreetMap数据设置OSM样式

    转载请注明作者think8848和出处(http://think8848.cnblogs.com) 在前面几篇文章中,我们讲到了部署Postgresql,部署PostGis,部署GeoServer以及 ...

  9. WebGIS开源方案中空间数据的入库、编辑、发布的操作流程

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.前言 本开源方案的构架是:geoserver(服务器)+tomca ...

随机推荐

  1. 通过java 来实现对多个文件的内容合并到一个文件中

    现在有多个txt文本文件,需要把这么多个文件的内容都放到一个文件中去 以下是实现代码 package com.SBgong.test; import java.io.*; public class F ...

  2. （5.11）mysql高可用系列——复制中常见的SQL与IO线程故障

    关键词:mysql复制故障处理 [1]手工处理的gtid_next(SQL线程报错) 例如:主键冲突,表.数据库不存在,row模式下的数据不存在等. [1.1]模拟故障:GTID模式下的重复创建用户 ...

  3. Oracle 获取当前日期是月的第几周

    函数FUNC_GET_WEEKOFMONTH: IW 是年的自然周: WW是年的第一天起开始算7天为一周 FUNCTION FUNC_GET_WEEKOFMONTH (V_PSD DATE) RETU ...

  4. 字符串转数组(php版)

    思路: 1.判断当前传来的值是否为数组 2.若不是现将传来的值转换为字符串类型 3.判断当前值是否为空 4.若不为空,采用正则进行匹配,如下图 preg_match('/^{.*?}$/', $str ...

  5. 房地产大佬潘石屹推荐学Python编程，这本从0到1就够了

    潘石屹推荐学Python编程,很多人都不相信,他的微博真真切切. 连房地产都开始学Python了,因为要听懂机器,让机器为我所用. 再不学习Python真的晚了!!!! 如何学? 怎么学? 还是推荐高 ...

  6. Django基础之路由(urls)层

    目录 Django基础之路由(urls)层 无名分组与有名分组 无名分组 有名分组 反向解析 前段解析 后端解析 无名分组反向解析 前段解析 后端解析 有名分组的反向解析 前段解析 后端解析 路由分发 ...

  7. MySQL中的SQL的常见优化策略

    MySQL中的SQL的常见优化策略 MySQL中的索引优化 MySQL中的索引简介 1 避免全表扫描对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索 ...

  8. JavaEE--JavaWeb三大组件Servlet、Filter、Listener

    Servlet.Filter.Listener是JavaEE Web服务规定的服务器动态组件,由开发者编写由Web容器创建,并保证单例以及线程安全性,其中加载顺序为Linstener -> Fl ...

  9. java基础2(Map)

    1.请简述Map 的特点 Map每个元素由键与值两部分组成 Map键不能重复,每个键对应一个值 键和值可以为null 2.说出Entry键值对对象遍历Map集合的原理. Map中存放的是两种对象,一种 ...

  10. js特效背景--点线随着鼠标移动而改变

    https://blog.csdn.net/css33/article/details/89450852 https://www.cnblogs.com/qq597585136/p/7019755.h ...