利用JQuery+Ajax实现aspx页面无刷新异步请求
2012-07-12 14:52
1056 查看
代码如下:
用了JUqeryUI中的dialog,对比用javascript是比较简单些,还用到jquery对象向Dom对象转换
http://hi.baidu.com/why_8645/blog/item/293a535547a67c50d009066f.html
function load() { $.ajax({ type: "post", url: "WebForm3.aspx", data: "do=get", complete: function (msg) { show(msg.responseText)}, datatype:"html" }); } function show(strCode) { var start = strCode.indexOf("<select"); var end = strCode.indexOf("</select>") + 9; var strHtml = strCode.substring(start, end); //document.getElementById("myDiv").innerHTML = strHtml; var a = $("#myDiv")[0]; a.innerHTML = strHtml; //$("#myDiv").html(strHtml); $("#myDiv").dialog({ autoOpen: true, height: 500, width: 400, modal: true }); }
用了JUqeryUI中的dialog,对比用javascript是比较简单些,还用到jquery对象向Dom对象转换
function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET", "HTMLPage1.htm?fname=Bill&lname=Gates", true); xmlhttp.send(); }参考的文章有:
http://hi.baidu.com/why_8645/blog/item/293a535547a67c50d009066f.html
相关文章推荐
- 利用JQuery实现ajax异步刷新页面
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- jquery的ajax异步请求上传完图片之后会有页面跳转和刷新如何解决?
- 利用jquery的ajax实现异步请求发送数据到后台
- php+JQuery+Ajax简单实现页面异步刷新 (转)
- php+jQuery+Ajax简单实现页面异步刷新
- django 1.4 利用jquery实现ajax ‘get|post’异步请求
- php+JQuery+Ajax简单实现页面异步刷新
- springmvc+jquery 实现ajax页面无刷新请求
- php+jQuery+Ajax简单实现页面异步刷新
- form提交不刷新页面、不用AJAX 也能实现类似"异步更新"效果
- jQuery的ajax中使用FormData实现页面无刷新上传功能
- JQuery的Ajax请求实现局部刷新
- 静态页中利用AJAX.NET实现无刷新页面 (一)
- 在JSF页面利用Ajax实现局部刷新
- ajax、jquery、jquery模板实现异步表单,局部刷新
- Ajax请求如何实现页面无刷新前进后退,将ajax请求保存至浏览器历史记录
- 静态页中利用AJAX.NET实现无刷新页面
- jQuery实现AJAX定时刷新局部页面