xmlHttpRequest对象的使用

<script type="text/javascript">

var xmlHttpRequest;
function createXMLHttpRequest(){
//1，根据浏览器类型创建xmlHttpRequest对象
if(window.XMLHttpRequest){//Mozilla 浏览器
xmlHttpRequest = new XMLHttpRequest();
}else{
if (window.ActiveXObject) {//IE浏览器
                  try {
                        xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
                  }catch(e){
                       try {
                           xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                       }catch(e){}
                  }
             }
}
//判断xmlHttpRequest是否创建成功
if(xmlHttpRequest == null){
alert("xmlHttpRequest对象创建失败!");
return;
}else{
alert(xmlHttpRequest);
}
//返回xmlHttpRequest对象
return xmlHttpRequest;
}
//调用该方法与服务器端通信，根据用户名返回不同的信息
function check(){
//得到xmlHttpRequest对象
xmlHttpRequest = createXMLHttpRequest();
//根据dom的方法获得标签为name元素的值
var name = document.getElementById("name").value;
//2，设置连接信息
//第一个参数表示http请求的方式
//第二个参数表示请求的url地址
//第三个参数表示是同步还是异步调用，true表示异步调用
xmlHttpRequest.open("GET","ajax?name="+name,true);
//3,注册回调函数，
//注册回调函数时，只需要函数名，不需要加上括号
//我们需要将回调函数注册，如果加上括号，就会把函数的返回值注册上，这是错误的
xmlHttpRequest.onreadystatechange = collback;
//4，发送信息，开始和服务器端进行交互
xmlHttpRequest.send(null);
}

function collback(){
//5，接收响应数据
//判断对象的状态是否交互完成
if(xmlHttpRequest.readyState == 4){
//判断http的交互是否成功,404未找到路径，500内部错误，503没有访问权限
if(xmlHttpRequest.status == 200){
alert("display");
//获取服务器端返回的数据
//获取服务器端输出的纯文本数据data
var data = xmlHttpRequest.responseText;
//将数据显示在页面上
//通过dom的方式找到div标签的对应的元素
var message = document.getElementById("message");
//设置元素节点中的html内容
message.innerHTML = data;
}
}
}
</script>


function checkName(){

alert(" welcome js file!");
var jqueryObj = $("#name");
    var name = jqueryObj.val();
    //var name = document.getElementById("name");
    $.get("check?name="+name,null,collback);
}
function collback(data){

alert(data);
var resultObj = $("#message");
resultObj.html(data);

}

function check(){
$.get("check?name="+$("#name").val(),null,function(data){
$("#message").html(data);
});
}