加载Ajax内部的使用方式，重要四部曲！

此为判断用户名是否存在的ajax实现简单用例，重要掌握ajax重要的四部，用//1.//2.//3.//4.标注的部分

var xmlhttp;//定义浏览器对象变量
var result;
function changeInfo(){
uservalue=document.getElementById("username").value;
var url="testServlet?username="+uservalue;
//1.判断浏览器对象
if(window.ActiveXObject){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); //此为IE浏览器对象的加载
} else{
xmlhttp=new XMLHttpRequest(); //此为f非IE浏览器对象的加载 包括（firefox，opera等）
}
xmlhttp.onreadystatechange=test;

/*与服务器建立连接的方法
*如果访问服务器方式为GET方式,第一个参数为GET,若为POST方式则写POST,
*第二个参数为访问服务器的路径
*第三个参数为是否异步
*/
//2.与服务器建立连接
xmlhttp.open("GET",url,true);

/*send()方法，
*如果是GET方式,服务器接收不到内容
*如果是POST方式设置内容，服务器可以接收到内容
*/
//3.像浏览器发送内容信息 xmlhttp.send(null); } function test(){ /*readState 有五种状态值分别为： *0,未初始化 *1,数据读取中 *2,已读取 *3,交互中 *4,成功完成 */ //4.服务器相应返回相应信息 if(xmlhttp.readyState==4&&xmlhttp.status==200){//status:指服务器返回的状态码 如404未找到相应文件，200相应成功 alert(xmlhttp.readyState); result=xmlhttp.responseText; //通过XMLHttpRequest对象从服务器获取的相应的数据类型 alert(result); if(result=="false"){ document.getElementById("tian").innerHTML="用户存在"; }else{ document.getElementById("tian").innerHTML="用户可用"; } } }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!