layer .net中使用

王朝学院·作者佚名  2016-05-20
窄屏简体版  字體: 小  |  中  |  大  |  超大  

layer .net中使用在.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以上!

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航