ajax请求步骤

Posted 2020-11-08

ajax步骤：
第一步：创建xmlhttprequest对象，var xmlhttp = new XMLHttpRequest(); XMLHttpRequest对象和服务器交换数据。
第二步：使用xmlhttprequest对象的open()和send()方法发送资源请求给服务器。xmlhttp.open(method,url,async) method包括get和post,url主要是文件资源的路径，async参数为true代表异步或者false代表同步
xmlhttp.send()使用get方法发送请求到服务器。
xmlhttp.send(string)使用post方法发送请求到服务器。
post发送请求的情况：
(1)更新一个文件或者数据库的时候；
(2)发送大量数据到服务器，因为post请求没有字符限制；
(3)发送用户输入的加密数据；
什么情况用get,什么情况用post?
get方法使用：
*请求是为了查找资源，html表单数据仅用来帮助搜索。
*请求结果无持续性的副作用。
*收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符
post方法使用：
*请求的结果又持续性的副作用，例如添加数据。
*要传送的数据不是采用7位的ASCII编码。
第三步：使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。
使用responseText属性得到服务器响应的字符串数据，使用responseXML属性得到服务器响应的XML数据。
第四步：onreadystatechange函数，当发送请求到服务器，我们想要服务器响应执行一些功能就需要使用onreadystatechange函数，每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数。
onreadystatechange属性储存一个当readyState发生改变时自动被调用的函数。
readyState属性，XMLHttpRequest对象的状态，改变从0到4,0代表请求未被初始化，1代表服务器连接成功，2请求被服务器接收，3处理请求，4请求完成并且响应准备。
status属性，200表示响应成功，404表示页面不存在。
在onreadystatechange事件中，服务器响应准备的时候发生，当readyState==4和status==200的时候服务器响应准备。