layer .net中使用_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > layer .net中使用

layer .net中使用

 2015/1/10 13:08:41  蕤颜  程序员俱乐部  我要评论(0)
  • 摘要:在.net中使用layer得用ajax来请求一般处理程序来得到想要的json数据,直接上代码html:<headrunat="server"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>layer</title><scriptsrc="layer/jquery-1.9.1.min.js"></script><
  • 标签:.net 使用 net

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

html:

class="brush:html;gutter:true;"><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以上!

 

上一篇: 窝窝团在美提交招股书 拟融资4000万美元 下一篇: 没有下一篇了!
发表评论
用户名: 匿名