脚本宝典收集整理的这篇文章主要介绍了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的交互流程有哪几步的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的ajax的交互流程有哪几步全部内容，希望文章能够帮你解决ajax的交互流程有哪几步所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。