js jq封装ajax方法

json文本格式

{

"userInfo":[

            {name:"admin",password:"123"},

            {name:"admin1",password:"123"}

    ]

}

js:

window.onload=function(){

var txtName=..;

var txtPwd=..;

var url="Login.aspx?name="+txtName.value+"&pwd="+txtPwd.value:

//调用封装后的异步方法

myAjax("get",url,function(data){

if(data=="OK"){

    window.location.href="main.aspx";

}else{

 alert(data);

}

});

}

//封装后的方法

function myAjax(httpMethod,url,callback){

var xhr;

if(XMLHttpRequest){

    xhr=new XMLHttpRequest();

}else{

    xhr=new ActionXObject("Microsoft.XMLHTTP");

}

  xhr.open(httpMethod,url,true);

  xhr.open();

  xhr.onreadstatechange=function(){

      if(xhr.readState==4&&xhr.status==200){

          callback(xhr.responeText);

       }

}

}

jq:

$("btn").click(function(){

   var txtName=..;

   var txtPwd=..;

$.get("Login.ashx",{name:txtName,pwd:txtPwd},function(data){

      if(data=="OK"){

        window.location.href="main.aspx";

     }else{

        alert("用户名密码错误！");

     }

})

})

js jq封装ajax方法

原文：http://www.cnblogs.com/shenbing/p/5375328.html