您好,欢迎访问一九零五行业门户网

ajax的交互流程有哪几步

ajax交互流程的步骤:1、创建xmlhttprequest对象;2、规定请求的类型、url以及是否异步处理请求;3、设置发送信息至服务器时的内容编码类型;4、发送请求;5、接受服务器响应数据;6、使用js和dom实现局部刷新。
本教程操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
ajax代表异步javascript和xml。它是一组用于异步显示数据的相关技术。换句话说,它在不重新加载网页的情况下发送和检索数据。
ajax交互流程的步骤
1、创建 xmlhttprequest 对象
var ajax = new xmlhttprequest();
2、规定请求的类型、url 以及是否异步处理请求。
ajax.open('get',url,true);
3、设置发送信息至服务器时的内容编码类型
ajax.setrequestheader("content-type", "application/x-www-form-urlencoded");
4、发送请求
ajax.send(null);
5、接受服务器响应数据
ajax.onreadystatechange = function () { if (obj.readystate == 4 && (obj.status == 200 || obj.status == 304)) { }};
6、使用 javascript 和 dom 实现局部刷新 
扩展知识:ajax几种请求方式?
常用的post、get、delete。不常用copy、head、link等等。
区别:
(1)post比get安全 (因为post参数在请求体中。get参数在url上面)
(2)get传输速度比post快 根据传参决定的。(post通过请求体传参,后台通过数据流接收。速度稍微慢一些。而get通过url传参可以直接获取)
(3)post传输文件大理论没有限制  get传输文件小大概7-8k ie4k左右
(4)get获取数据 post上传数据(上传的数据比较多  而且上传数据都是重要数据。所以不论在安全性还是数据量级 post是最好的选择)
【相关教程推荐:ajax视频教程】
以上就是ajax的交互流程有哪几步的详细内容。
其它类似信息

推荐信息