在.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. 【基本优化实践】【1.1】IO优化——把文件迁移到不同物理磁盘

    [1]概念 把不同数据文件移动到不同的物理磁盘,无疑是一个提高IO的有效办法 在资源可以的情况下,尽量把 temp .数据库的主数据文件(mdf).数据库的从数据数据(ndf).数据库的事务日志文件( ...

  2. java循环队列实现代码

    public class Queue { //队首指针 private int front; //队尾指针 private int rear; //数组 private int[] arr; //数组 ...

  3. 平衡树（Splay、fhq Treap）

    Splay Splay(伸展树)是一种二叉搜索树. 其复杂度为均摊\(O(n\log n)\),所以并不可以可持久化. Splay的核心操作有两个:rotate和splay. pushup: 上传信息 ...

  4. P3376 网络流-最大流模板题（Dinic+当前弧优化）

    (点击此处查看原题) Dinic算法 Dinic算法相对于EK算法,主要区别在于Dinic算法对图实现了分层,使得我们可以用一次bfs,一次dfs使得多条增广路得到增广 普通的Dinic算法已经可以处 ...

  5. C++练习 | 不使用头插法逆转单链表

    void D(PBook pHead) { PBook p,q,s; p=pHead->next->next; q=p->next; s=q->next; pHead-> ...

  6. excel批量修改文件名称

    步骤: 1. 然后将标准号所在的列复制三份到旁边相邻的空白列 2. 使用方方格子让三列中最左面的列只保存如下格式的数据: DB37/T或DB37/ 3. 使用方方格子让三列中中间的列的只保存如下格式的 ...

  7. Mysql8 root密码忘记了

    需要确定自己的mysql版本是否是8 [root@smonitor ~]# mysql --version mysql Ver 8.0.13 for Linux on x86_64 (MySQL Co ...

  8. python内置函数简单归纳

    做python小项目的时候发现熟练运用python内置函数,可以节省很多的时间,在这里整理一下,便于以后学习或者工作的时候查看.函数的参数可以在pycharm中ctrl+p查看. 1.abs(x):返 ...

  9. loj 6043「雅礼集训 2017 Day7」蛐蛐国的修墙方案

    loj 爆搜? 爆搜! 先分析一下,因为我们给出的是一个排列,然后让\(i\)给\(p_i\)连边,那么我们一定会得到若干个环,最后要使得所有点度数为1,也就是这些环有完备匹配,那么最后一定全是偶环. ...

  10. 解决stackoverflow加载慢的插件

    浏览stackoverflow的时候,比较慢,网上找到一个大神写的小工具 挺管用,给推荐下. gitthub地址: https://github.com/justjavac/ReplaceGoogle ...