AJAX (1)

AJAX：

​ 原生请求过程：

1. 创建 XMLHttpRequest 对象

   var xml = new XMLHttpRequest();

   1. 注册回调函数

   function dome() {
     xml.onreadystatechange = callback;
   }
   

   1. 配置请求信息

   open('传输方式'，地址[参数]，[true|false]);

   若是 get 方式传输则参数写在地址后面，若是 post 传输则写在 send()之中

   1. 发送请求

   send(string);

   1. 接收响应

   xml.onreadystartchange = function() {
     //判断返回的readyStart请求状态
     //status 请求状态码
     //成功返回数据则直接处理
     //失败则报错
   };
   

注意：

GET 方式：在 open()方法的 url 参数后面拼接参数，然后 send()发送一个请求过去即可。

–用于获取数据（如浏览贴子）把数据放在 URL（网址）里面来提交；安全性低、容量低、便于分享（将网址发给别人）

​ POST 方式：open()方法 URL 不携带参数，在 send()中传递参数列表发送请求，并且在发送请求前需要设置请求头的 Content-Type 属性。

​ –用于上传数据（如用户注册）把数据放在不是 URL 的地方；安全性一般、容量几乎无限、不便于分享

error 报错：

1. 请求失败，直接查看报错信息

1. 如果请求成功但进了 error 区间 1. 可能返回的数据类型不对 2. 没有返回数据 3. 定义的 ajax 接收数据类型不相同

本文由 倪建成学习时 编辑，只是普通笔记。若是对你有用，可以自行转载

最后编辑时间为:2019-07-25 00:00:00