jquery中使用创建交互式、快速动态网页应用的网页开发技术获取远程页面信息

效果图如下

先贴前台代码：其中关键代码是通过跨度标记的数据（自定义属性)绑定身份复制代码代码如下： asp: GridView ID=' GvCollect ' runat=' server ' AutoGenerateColumns=' False ' DataKeyNames=' ID ' on row ding=' GvCollect _ row ding ' enablemodevalidation=' True ' Columns asp: bound field数据字段=' ID ' header text='编号/asp: templatefield标头文本='标题项目模板span class=' show con ' data=' % # Eval(' Id ')% ' % # eval(' Title ')%/span/item template/ASP : template field ASP : bound field数据字段=' AddTime '标题文本='时间/asp: templatefield标头文本='操作项目模板？ id=%# DataBinder .评估（容器数据项目，“标识”)%”目标=“_空白”查看/a ASP :链接按钮ID=' Lbtn ' runat=' server '命令名称=' delete ' OnClientClick=' return confirm('确定删除')'删除/asp3360链接按钮/项目模板/asp:模板字段/列/asp3360 GridView表宽=' 100% ' tr TD asp3360按钮ID=' BtnAllMove ' runat=' server ' Text='全部入库onclick=' BtnAllMove _ Click '/ASP :按钮ID=' BtnAllDelete ' runat=' server ' Text='清空所有记录onclick=' btnal delete _ Click '//TD/TD/tr TD/TD/TD/tr/table然后是弹出层快代码：div id='divTip' title='内容显示style=' overflow:auto'/div接下里看钢性铸铁样式引用文件和射流研究…调用（我用的是jqueryUI库)复制代码代码如下：链接。8 .16 .定制。CSS ' rel='样式表type=' text/CSS '/script src=' http : js/jquery-1。4 .1 .量滴js ' type=' text/JavaScript '/script script src=' http 3360 js/jquery-ui-1。8 .16 .定制。量滴js ' type=' text/JavaScript '复制代码代码如下：脚本类型=' text/JavaScript ' $(function(){//初始化弹出层，加载是不显示$('#divTip ').对话框({ show: null，width: 500，height: 500，bgiframe: false，autoOpen: false，buttons 3360 { ' Ok ' : function(){ $(this)).对话框("关闭");}、“取消”:函数(){ $(这个).对话框("关闭");} } });//取消对象自身的事件冒泡$('#divTip ').bind('click ')，function(event){ event。stopperpagation()；});//动态提示类弹出层，点击对象时弹出装载页面$('.show con ').css(“”光标','指针')。click(function(event)){ $(' *).stop()；$('#divTip ').对话框("关闭");事件。stopperpagation()；var top=$(event.target).偏移量()。前20名；var left=$(event.target).偏移量()。向左；//取得对象源的id var objId=$(event.target).attr('数据');//alert(Objid)；$.ajax({ type: 'POST '，url: 'Show_Coll.aspx '，data: 'id=' objId，success : function(con){ $(' # div tip ').html(con)；} });//$('#divTip ').html(ObJid)；$('#divTip ').对话框('选项','位置',[左，上]);$('#divTip ').对话框("打开");});})/脚本接下里是服务器页面：一般我们获取参数都是请求查询字符串['']，但是这个是获取全球资源定位器(统一资源定位符)中的参数，而现在是获取超文本传送协议(超文本传输协议的缩写)对象中的，所以用请求[''],否则取不出数据复制代码代码如下：//请求。如果（请求['id']==null)返回0,则查询字符串[' id ']==null；返回转换.ToInt32(请求['id']).ToString())；