1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ajax 局部页面替换innerhtml ajax jquery 页面局部刷新的不同实现代码

ajax 局部页面替换innerhtml ajax jquery 页面局部刷新的不同实现代码

时间:2018-11-16 06:34:04

相关推荐

ajax 局部页面替换innerhtml ajax jquery 页面局部刷新的不同实现代码

以下示例是学习使用XMLHttpRequest时,实现的页面局部刷新的代码,分享下。

复制代码 代码示例:

页面局部刷新功能

window.onload = function(){

document.getElementById("email").onblur = function(){

if(window.XMLHttpRequest){

http_request = new XMLHttpRequest();

if(http_request.overrideMimeType){

http_request.overrideMimeType("text/xml");

}

}else if(window.ActiveXObject){

try{

http_request = new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try{

http_request = new ActiveXObject("Microsoft.XMLHTTP");

}catch(e){}

}

}

if(!http_request){

window.alert("不能创建XMLHttpRequest对象实例!");

return false;

}

http_request.onreadystatechange = function(){

if(http_request.readyState == 4 &&

http_request.status == 200) {

document.getElementById("emailTip").innerHTML

=http_request.responseText;

}

};

http_request.open("GET", "email.jsp?email="+this.value, true);

http_request.send(null);

}

}

456

2、高手指点下的改进版,使用jquery来实现的局部刷新。

复制代码 代码示例:

jquery 页面局部刷新-

function getOtherMessage(){

$.ajax({

type:"post",

url:"${pageContext.request.contextPath}/getOtherMessage.do",

success:function(msg){

$("#view").html(msg);

},

error:function(){

alert("wrong");

}

});

}

456

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。