Ajax

发布时间：2020-12-15 22:06:07 所属栏目：百科来源：网络整理

导读：第一步：客户端触发异步操作第二步：创建新的XMLHttpRequest对象(核心部分) 第三步：告诉XMLHttpRequest对象哪个函数会处理XMLHttpRequest对象状态的改变，为此要把对象的onReadyStateChange属性设置为响应该事件的JavaScript函数的引用第四步：指定请求的

第一步：客户端触发异步操作
第二步：创建新的XMLHttpRequest对象(核心部分)
第三步：告诉XMLHttpRequest对象哪个函数会处理XMLHttpRequest对象状态的改变，为此要把对象的onReadyStateChange属性设置为响应该事件的JavaScript函数的引用第四步：指定请求的属性，包括提交方式(get OR post)，url，true or false，XMLHttpRequest对象的open()方法会指定将发出的请求。
第五步：将请求发送给服务器端。XMLHttpRequest对象的send()方法把请求发送到指定的目标资源。
第六步：XMLHttpRequest对象接收处理结果并分析第七步：更新页面
一共需要三个方法：
第一个方法：创建XMLHttpRequest对象的方法(固定不变的)
第二种方法：实现Ajax的主方法，包含了一步一步的过程，需要调用第一个方法，并将第
三个方法指定给XMLHttpRequest对象的onreadystatechange事件
第三个方法：动态的改变我们页面的方法，通过这个方法可以动态的改变我们的页面
Ajax的原理：

提出一个请求走后台，然后前台还可以继续走，从后台回来调用某一个特定的方法，而特定的方法，可以动态的改变我们页面的某一部分。

XMLHttpRequest对象负责将用户信息以异步通信的方式发送到服务器端，并接收服务器返回的响应信息和数据。
JavaScript本身并不具备向服务器发送请求的功能，一种方法时使用window.open()方法重新打开一个页面向服务器提交请求，另一种是使用XMLHttpRequest对象发送请求。两种方法的区别在于：第一种方法时普通交互模式，即同步交互模式，而第二种方法是异步交互方式，一般情况下阻断浏览器的处理过程。
Ajax是通过Ajax引擎(其核心是XMLHttpRequest对象)和服务器进行交互的。Ajax引擎向服务器发送请求，Ajax在服务器状态发生变化时通知JavaScript脚本程序来处理这个事情。
DOM 是这样规定的：
? 整个文档是一个文档节点 ? 每个 HTML 标签是一个元素节点 ? 包含在 HTML 元素中的文本是文本节点 ? 每一个 HTML 属性是一个属性节点 ? 注释属于注释节点
?

?
创建元素节点 createElement("标签名")

创建文本节点 createTextNode("文本内容") ? 创建子节点 appendChild("节

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!