首页 > 代码库 > layer .net中使用
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="http://www.mamicode.com/layer/jquery-1.9.1.min.js"></script> <script src="http://www.mamicode.com/layer/layer.min.js"></script> <script src="http://www.mamicode.com/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 = "http://www.mamicode.com/{/"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中使用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。