复用性代码之AJAX的创建

前端之家收集整理的这篇文章主要介绍了复用性代码之AJAX的创建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

function checkUsername(){

// 获得文件框值:

var username = document.getElementById("username").value;

// 1.创建异步交互对象

var xhr = createXmlHttp();

// 2.设置监听

xhr.onreadystatechange = function(){

if(xhr.readyState == 4){

if(xhr.status == 200){

document.getElementById("span1").innerHTML = xhr.responseText;

}

}

}

// 3.打开连接(防止缓存)

xhr.open("GET","${pageContext.request.contextPath}/user_findByName.action?time="+new Date().getTime()+"&username="+username,true);

// 4.发送

xhr.send(null);

}

//创建异步请求对象

function createXmlHttp(){

var xmlHttp;

try{

xmlHttp=new XMLHttpRequest();

}

catch (e){

try{// Internet Explorer

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

}

catch (e){

try{

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

}

catch (e){}

}

}


return xmlHttp;

}

猜你在找的Ajax相关文章