Ajax

异步

//①创建该异步请求的对象

var   XMLHttp;     

//②处理浏览器兼容问题,防止该浏览器没有XMLHttpRequest对象

if(window.XMLHttpRequest){

        XMLHttp=new XMLHttpRequest();

}else {

        XMLHttp=new ActiveXObject("Microsoft:XMLHttp")

}   //对象创建完毕

//③创建(打开一个)请求      XMLHttp.open(method,url,async);//async 异步开关,true异                                                        步,false同步

//get       字符提交,安全性低,传输速度快

//post     字节提交,安全性高,传输速度慢,文件传输都用post

    XMLHttp.open("get","http://alun001.applinzi.com/TextData?username=test&password=2",true);

④发送请求

     XMLHttp.send();

⑤服务器返回请求数据

    XMLHttp.onreadystatechange=function(){

                if(XMLHttp.readystate==4&&XMLHttp.status==200){

                            console.log(XMLHttp.responseText);

                }

    }

post方式提交

    var XMLHttp;

    if(window.XMLHttpRequest){

             XMLHttp=new XMLHttpRequest();

    }else {

            XMLHttp=new ActiveXObject("Microsoft:XMLHttp");

    }

    XMLHttp.open("post","http://alun001.applinzi.com/TextData",true);

    XMLHttpbbv.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    XMLHttp.send(username=张国荣&password=2);

    XMLHttp.onreadystatechange=function(){

                if(XMLHttp.readyState==4&&XMLHttp.status==200){

                        console.log(XMLHttp.responseText);

                }

    }

你可能感兴趣的:(Ajax)