加载Ajax内部的使用方式,重要四部曲!

前端之家收集整理的这篇文章主要介绍了加载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="用户可用"; } } }

猜你在找的Ajax相关文章