AJAX是什么？原生语法格式？jQuery提供分装好的AJAX有什么区别？

ajax 的全称 Asynchronous JavaScript and XML (异步 JavaScript 和 XML)。

AJAX是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的 XMLHttpRequest 对象，是这个对象使得浏览器可以发出 HTTP 请求与接收 HTTP 响应。实现了在页面不刷新的情况下和服务器进行交互。

原生AJAX语法格式：

let xhr = new XMLHttpRequest();
xhr.open('get','js/index.json',true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
let text = xhr.responseText;
console.log(text);
let data = JSON.parse(text);
console.log(data);
}
};

ajax 使用方法：

1. 创建 XMLHttpRequest 对象

2. 使用 open 方法指定要请求的地址、类型和方式。

3. 使用 send 方法发送请求，如果需要传参：

get 方式要将参数拼接到 URL 后边，参数间&分割。例：’index.php?name=张三&age=18’

post 方式可以将参数放到 send()里。例：send(‘name=张三&age=18’)

4. 绑定 onreadystatechange 事件，判断 readyState 和 status 的状态。

5. 接收数据，通过 json 转换使用。

jQuery提供分装好的AJAX更快捷，适合在开发项目中使用，原生AJAX更好理解，浅显易懂。

jQuery语法格式：

$.ajax({type: "GET",url: 'js/exercise.json',data: {},headers：'',datatype:'',async:'',success: function(result) {console.log(result);data = result;},Error: function(e) {console.log(e.status);console.log(e.responseText);},});

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/45508.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！