当前位置: 编程技术>jquery
ajax jquery 页面局部刷新的不同实现代码
来源: 互联网 发布时间:2014-09-03
本文导语: 以下示例是学习使用XMLHttpRequest时,实现的页面局部刷新的代码,分享下。 代码示例: 页面局部刷新功能_www. window.onload = function(){ document.getElementById("email").onblur = function(){ ...
以下示例是学习使用XMLHttpRequest时,实现的页面局部刷新的代码,分享下。
代码示例:
页面局部刷新功能_www.
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.
function getOtherMessage(){
$.ajax({
type:"post",
url:"${pageContext.request.contextPath}/getOtherMessage.do",
success:function(msg){
$("#view").html(msg);
},
error:function(){
alert("wrong");
}
});
}
456