Ajax 小 Demo 集合（一）

1.用Ajax实现验证登录

var username=document.getElementById("name").value;
var password=document.getElementById("pwd").value;
var xhr=null;
xhr=new XMLHttpRequest();//新建一个XMLHttpRequest对象
xhr.open("get",'./check.php',true);//初始化请求
xhr.onreadystatechange=function () {//定义数据返回后的回调函数
    if(xhr.readyState==4){
        if(xhr.status===200){
            var data=xhr.responseText;
            if(data==1){
                result.innerText="登录成功";
            }
            else if(data===2){
                result.innerText="登录失败";
            }
        }
    }
};
xhr.send(null);//xhr.send(null);

2.jquery 中的 ajax

如果使用原生的 js 发送请求，你需要这么写：

var xhr=null;
xhr=new XMLHttpRequest();
xhr.open("get",url,true);
xhr.send(null);
xhr.onreadystatechange=function () {
    if(xhr.readyState===4){
        if(xhr.status===200){
            dosomething();
        }
    }
};

但是如果使用jquery发送 ajax 请求的话，只要一行代码就可以了：

$.ajax({url:"test.js",dataType:"json"});