综合开发

AJAX操作

微信扫一扫,分享到朋友圈

AJAX操作

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操作

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

潘石屹自爆新爱好:拉开收入的真相,45岁前要懂

上一篇

Web项目创建后WEB-INF下面没有出现web.xml的解决方法

下一篇

你也可能喜欢

评论已经被关闭。

插入图片

热门栏目

AJAX操作

长按储存图像,分享给朋友