您的位置:首页 > Web前端 > JQuery

利用JQuery+Ajax实现aspx页面无刷新异步请求

2012-07-12 14:52 1056 查看
代码如下:

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: