以下示例是學習使用XMLHttpRequest時，實現的頁面局部刷新的代碼，分享下。

復制代碼 代碼示例:

頁面局部刷新功能_www.jbxue.com

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 頁面局部刷新-www.jbxue.com

function getOtherMessage(){

$.ajax({

type:"post",

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

success:function(msg){

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

},

error:function(){

alert("wrong");

}

});

}

456

總結

以上是生活随笔為你收集整理的ajax 局部页面替换innerhtml,ajax jquery 页面局部刷新的不同实现代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。