XMLHttpRequest的五步使用法

XMLHttpRequest的五步使用法:
1.建立XMLHttpRequest对象
2.注册回调函数
3.使用open方法设置和服务器端交互的基本信息
4.设置发送的数据,开始和服务器交互
5.在回调函数中判断交互是否结束,响应是否正确,并根据需要获取服务器端返回的数据,更新页面内容。

XMLHttpRequest的五步使用注意事项:
1.不同浏览器中XMLHttpRequest对象建立的方式不同:
IE7,IE8,FireFox,Mozilla,Safari,Opera中直接new XMLHttprequest()
IE6,IE5.5,IE5则需要通过用某一个正确的ActiveXObject控件的名称通过new
ActiveXObject(控件)的方式
2.设置回调函数时,不要在函数名后面加括号。加括号表示将回调函数的返回值注册给onreadystatechange属性。正确的方式应该是将回调函数的名字注册给这个属性

实际上每次readyState的值发生变化的时候,回调函数都会被调用,但是一般我们只关心状态4.

如果只关心正确的响应数据,只要在执行send方法之前设置回调函数即可。但是仍然建议在XMLHttpRequest对象创建后就先设置回调函数,这样回调函数还可以处理其他的状态。

3.open方法最多可以有五个参数,其中头三个参数是必须的。
使用GET方式时,请求数据位于url链接中,后面的send方法的参数直接写null就可以使用POST方式时,open方法后面需要先调用setRequestHeader方法,来设置Content-Type的值,然后调用send方法,send的参数就是请求的数据。
4.回调函数中,最好将判断readyState和statues的两个if条件,分开来写。readyState的判断条件位于外层,status的位于内层。
假如它们被放到了同一个if条件中,判断数据正常返回也是没有问题的。但是不便于分别处理服务器端不是200响应的情况和readyState不是4的情况。

5.当服务器端没有正确返回XML数据时,在JavaScript中使用responseXML的方式获取返回的XML数据对应的DOM对象时,FIReFox和Ie的结果时有差别的。
IE获取根元素节点为null,而FireFox获取根元素节点则是一个表示解析错误的元素节点。

发布了130 篇原创文章 · 获赞 14 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_41306240/article/details/93356994