ajax请求步骤

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax请求步骤相关的知识,希望对你有一定的参考价值。

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的时候服务器响应准备。

以上是关于ajax请求步骤的主要内容,如果未能解决你的问题,请参考以下文章

ajax请求的五个步骤

Ajax请求步骤

jquery中ajax请求的使用和四个步骤示例

ajax请求步骤

原生ajax的实现步骤

Ajax异步请求的步骤