ajax

ajax中使用XMLHttpRequest对象

1)创建异步对象:var xmlHttp = new XMLHttpServlet();

2) 给异步对象绑定事件。  onreadystatechange:指定当readyState属性改变时的事件处理句柄 

    xmlHttp .onreadystatechange=function(){

            //处理请求状态变化。

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

            //处理服务器端传送过来的数据,更新当前页面

            var data = xmlHttp.responseTest;

            document.getElementById("name").value = data ;

    }

        }       

         异步对象的属性readystate表示异步对象请求的状态变化

       0:创建异步对象时,new XMLHttpRequest() ;
       1:初始异步请求对象,xmlHttp.open ()
        2:发送请求,xmlHttp.send ()
        3:从服务器端获取了数据,此时3,注意3是异步对象内部使用,获取了原始的数据。

        4:异步对象把接收的数据处理完成后。此时开发人员在4的时候处理数据。

        异步对象的status属性,表示网络请求的状况的,200,404,500,需要是当status==200时,表示网络请求是成功的。

3)初始异步请求对象

        异步的方法open();

      xmlHttp .open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);

eg:    xmlHttp .open();

        bstrMethod http方法,例如:POST、GET、PUT及PROPFIND。大小写不敏感。

        bstrUrl 请求的URL地址,可以为绝对地址也可以为相对地址。

        varAsync[可选] 布尔型,指定此请求是否为异步方式,默认为true。如果为真,当状态改变时会调用onreadystatechange属性指定的回调函数。

        bstrUser[可选] 如果服务器需要验证,此处指定用户名,如果未指定,当服务器需要验证时,会弹出验证窗口。

        bstrPassword[可选] 验证信息中的密码部分,如果用户名为空,则此值将被忽略。

4)使用异步对象发送请求

        xmlHttp . send();

 

posted @ 2021-01-19 17:46  8ling1ling  阅读(45)  评论(0)    收藏  举报