码迷,mamicode.com
首页 > Web开发 > 详细

AJAX操作

时间:2020-03-27 12:25:56      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:mamicode   fun   接受   ajax   inf   pen   链接   get   response   

AJAX主要作用是实现web与服务器之间数据的异步传输,

 

JS的ajax

需要注意浏览器兼容问题,

技术图片

 

 

  xhr = new XMLHttpRequest();  //w3c规范后

xhr = new ActiveXObject("Microsoft.XMLHTTP") //IE5之前

 

然后绑定一个监听函数  onreadystatechange  

xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
      if(xhr.status == 200){
        console.log(xhr.responseText)//服务端的返回值
      responseText(xhr.responseText)
    }
  }
}

xhr.open("GET","03.php",true)   -- 第三个布尔值为true表示异步传输,false为同步传输

 

 

xhr.status的返回值:

1xx --信息错误

2xx -- 成功

3xx -- 重定向

4xx -- 客户端错误

5xx -- 服务端错误

 

xhr.readyState状态

0 -- 没有建立链接

1 -- 已建立链接

2 -- 请求已接受

3 -- 请求处理中

4 -- ajax请求发送成功且响应成功

 

 

 

而jquery的ajax就方便的多了

我们以一个三级联动来做例子

数据格式为JSON

技术图片

可以清楚的看到在开始定义ajax的时候,就将地址和传输的数据方式以及数据类型都定义完成,而success中封装的data对象就是链接的json数据内容

技术图片

 

 

 Jquery的ajax使用起来较为方便,推荐使用

AJAX操作

标签:mamicode   fun   接受   ajax   inf   pen   链接   get   response   

原文地址:https://www.cnblogs.com/hzqzwl/p/12580388.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!