关闭

纯js的ajax总结

946人阅读 评论(0) 收藏 举报
分类:

1.ajax简介

   通过XMLHttpRequset对象与后台进行少量数据交换,进行局部数据更新,不需要整个页面更新。

2.ajax实现步骤

  a.创建XMLHttpRequest对象

     var xhr=null;

     if(window.XMLHttpRequest){/适用于/除IE5,IE6外的所有浏览器

  xhr = new XMLHttpRequest();

     }else{//适用于IE5,IE6浏览器

          xhr = new ActiveXObject();

      }

   b.发送请求(get or post两种请求)

      //xhr.open("post",url,true);

    例如:

     xhr.open("post","user!add",true);//异步动态调用Struts2后台Action方法

     xhr.send();//发送请求

3.get 和post的区别

   1.get发送请求参数会暴漏在地址栏,不安全,发送参数数据量小。

   2.post发送请求地址栏保密,比较安全,能传送较大数据参数。

4.ajax对象的几个重要的属性
1)onreadystatechange:绑订一个事件处理函数,该函数用来处理readystatechange事件。
注:

                当ajax对象的readyState的值发生了改变,比如,从0变成了1,就会产生readystatechange事件。
2)readyState:一共有5个值,分别是0,1,2,3,4,表示ajax对象与服务器通信的状态,比如,当值为4时,表示ajax对象已经获得了服务器返回的所有的数据。
3)responseText:获得服务器返回的文本。
4)responseXML:获得服务器返回的xml文档。
5)status:获得状态码

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:334577次
    • 积分:6241
    • 等级:
    • 排名:第4183名
    • 原创:334篇
    • 转载:1篇
    • 译文:2篇
    • 评论:17条
    最新评论