Ajax的执行步骤

Ajax的执行步骤


2024年6月18日发(作者:)

第一步:客户端触发异步操作

第二步:创建新的XMLHttpRequest对象(核心部分)

第三步:告诉XMLHttpRequest对象哪个函数会处理XMLHttpRequest对象状态的

改变,为此要把对象的onReadyStateChange属性设置为响应该事件的JavaScript函数

的引用

第四步:指定请求的属性,包括提交方式(get OR post),url,true or false,

XMLHttpRequest对象的open()方法会指定将发出的请求。

第五步:将请求发送给服务器端。XMLHttpRequest对象的send()方法把请求发送到

指定的目标资源。

第六步:XMLHttpRequest对象接收处理结果并分析

第七步:更新页面

一共需要三个方法:

第一个方法:创建XMLHttpRequest对象的方法(固定不变的)

第二种方法:实现Ajax的主方法,包含了一步一步的过程,需要调用第一个方法,并

将第三个方法指定给XMLHttpRequest对象的onreadystatechange事件

第三个方法:动态的改变我们页面的方法,通过这个方法可以动态的改变我们的页面

Ajax的原理:

提出一个请求走后台,然后前台还可以继续走,从后台回来调用某一个特定的方法,

而特定的方法,可以动态的改变我们页面的某一部分。

XMLHttpRequest对象负责将用户信息以异步通信的方式发送到服务器端,并接收服

务器返回的响应信息和数据。

JavaScript本身并不具备向服务器发送请求的功能,一种方法时使用()

方法重新打开一个页面向服务器提交请求,另一种是使用XMLHttpRequest对象发送请

求。两种方法的区别在于:第一种方法时普通交互模式,即同步交互模式,而第二种方法

是异步交互方式,一般情况下阻断浏览器的处理过程。

Ajax是通过Ajax引擎(其核心是XMLHttpRequest对象)和服务器进行交互的。Ajax

引擎向服务器发送请求,Ajax在服务器状态发生变化时通知JavaScript脚本程序来处理这

个事情。

DOM 是这样规定的:

• 整个文档是一个文档节点

• 每个 HTML 标签是一个元素节点

• 包含在 HTML 元素中的文本是文本节点

• 每一个 HTML 属性是一个属性节点

• 注释属于注释节点

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

• 创建文本节点 createTextNode("文本内容")

• 创建子节点appendChild("节


发布者:admin,转转请注明出处:http://www.yc00.com/web/1718710422a2752021.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信