当前位置: 首页> 汽车> 报价 > AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?

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

时间:2025/7/12 14:21:46来源:https://blog.csdn.net/2301_81449444/article/details/140258315 浏览次数: 0次

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);},});

关键字:AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: