ajax知识点

最新推荐文章于 2025-08-17 19:10:05 发布

原创最新推荐文章于 2025-08-17 19:10:05 发布 · 602 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

ajax知识点

1.XHR对象

   XMLHttpRequest  对象方法如下：
   about()   停止当前的请求。
   getAllResponseHeaders()   把HTTP请求的所有响应首部作为键/值对返回
   getResponseHeader("header")  返回指定首部的串值
   open("method","URL",[asyncFlag]) ：

2.ajax的实现步骤

2.1. 创建 Ajax 对象
为了实现ajax 效果，浏览器内置了一个对象叫做，XMLHttpRequest

var xhr = new XMLHttpRequest();

2.2 告诉 Ajax 请求地址以及请求方式

xhr.open('get', 'http://www.example.com');

2.3 发送请求

xhr.send();

2.4. 获取服务器端给与客户端的响应数据

 xhr.onload = function () {
     console.log(xhr.responseText);
 }

3.readyState ：ajax处理过程

0：请求未初始化（还没有调用 open() ）。
1：请求已经建立，但是还没有发送（还没有调用 send() ）。
2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。
3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。
4：响应已完成；您可以获取并使用服务器的响应了。