在.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. [转帖]2015年时的新闻:Debian GNU/Hurd 2015 发布

    Debian GNU/Hurd 2015 发布 oschina 发布于 2015年04月30日 https://www.oschina.net/news/62004/debian-gnu-hurd-2 ...

  2. 深入理解分布式系统的2PC和3PC

    协调者 在分布式系统中,每一个机器节点虽然都能明确的知道自己执行的事务是成功还是失败,但是却无法知道其他分布式节点的事务执行情况.因此,当一个事务要跨越多个分布式节点的时候(比如,淘宝下单流程,下单系 ...

  3. hello1的web.xml解析

    <?xml version="1.0" encoding="UTF-8"?> <web-app version="3.1" ...

  4. Html table 插入图像填充整个单元格

    把image的display属性设置为block就可以了

  5. 坦克大战--Java类型 ---- （2）按键设置和用户名的输入

    一.实现思路(emmmm,这个地方我很大程度参照了别人的写法)   由于键盘按键众多,因此使用选择框JComboBox 进行按键选择,点击一个JButton 按钮后,读取所有选择框中的内容,然后存到一 ...

  6. thinkphp框架部署出现404解决

    1:虚拟机配置文件修改: location / { index index.php index.html; if (!-e $request_filename) { rewrite ^/index.p ...

  7. DataX操作指南

    1.DataX介绍 DataX DataX 是阿里巴巴集团内被广泛使用的离线数据同步工具/平台,实现包括 MySQL.Oracle.SqlServer.Postgre.HDFS.Hive.ADS.HB ...

  8. ubuntu16.04 Installing PHP 7.2

    //install sudo add-apt-repository ppa:ondrej/php sudo apt-get update sudo apt-get install php7.2 //C ...

  9. PostMan测试Web Service

    1.设置URL 2.设置请求模式:Post 3.设置Header:添加 Content-Type ,值为 text/xml;charset=utf-8 4.设置Body:勾选raw 5.输入Body内 ...

  10. eclipse导入myeclipse中的项目（如何把Webroot改为WebContent）

    1.进入项目目录,找到.project文件,打开. 2.找到…代码段. 3.在第2步的代码段中加入如下标签内容并保存: org.eclipse.wst.common.project.facet.cor ...