在.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以上!