Java Web学习笔记——Ajax技术

        Ajax技术主要完成页面的局部刷新,通过Ajax技术可以使之前的应用程序在每次提交时不用进行页面的整体刷新,从而提升操作的性能,在Ajax中主要是依靠XMLHttpRequest对象完成操作。

        Ajax是一门综合性的技术,主要应用包含了HTML、JavaScript、XML、DOM、XMLHttpRequest等页面技术。

XMLHttpRequest对象:

        在创建一个XMLHttpRequest的对象之前,必须首先确定用户当前使用的浏览器类型,之后根据浏览器类型创建合适的XMLHttpRequest对象,如果为普通的FireFox,则直接使用new XMLHttpRequest()的方式创建;而如果IE浏览器,则通过new ActiveXObject()的方式进行创建。

XMLHttpRequest对象的属性
No 属性 描述
1 onreadystatechange 指定当readState状态改变时使用的操作,一般用于指定具体的回调函数
2 readyState 返回当前请求的状态,只读
3 responseBody 将回应信息正文以unsigned byte数组形式返回,只读
4 responseStream 以Ado Stream对象的形式返回响应信息,只读
5 responseText 接收以普通文本返回的数据,只读
6 responseXML 接收以XML文档形式回应的数据,只读
7 status 返回当前请求的http状态码,只读
8 statusText 返回当前请求的响应行状态,只读

    readyState一共有5种取值,分别介绍如下:

        0:请求没有发出(在调用open()函数之前)

        1:请求已经建立但还没有发出(在调用send()函数之前)

        2:请求已经发出正在处理之中(这里通常可以从响应得到内容头部)

        3:请求已经处理,正在接收服务器的信息,响应中通常有部分数据可用,但是服务器还没有完成响应。

        4:响应已完成,可以访问服务器响应并使用它。

      在使用XMLHttpRequest对象进行操作时也要使用到此对象中的方法。

XMLHttpRequest对象的方法
No 方法 描述
1 abort() 取消当前所发出的请求
2 getAllResponseHeaders() 取得所有的HTTP头信息
3 getResponseHeader() 取得一个指定的HTTP头信息
4 open() 创建一个HTTP请求,并指定请求模式,如GET请求或POST请求
5 send() 将创建的请求发生到服务器端,并接受回应信息
6 setRequestHeader() 设置一个指定请求的HTTP头信息

        XMLHttpRequest对象的open()和send()方法在回调函数中出现较多,一般都会用open()方法设置一个提交的路径,并通过地址重写的方式设置一些请求的参数,而真正的发出请求操作可以通过send()方法完成。

        异步验证时要执行用JavaScript操作。

        在XMLHttpRequest对象中可以使用responseXML()方法接收一组返回的XML数据,这些返回的XML数据可以动态生成(利用JDOM工具将数据库中的数据变为XML文件),也可以直接读取一个XML文件,当客户端接收读取的XML文件之后,可以通过DOM解析的方式对数据进行操作。

猜你喜欢

转载自blog.csdn.net/ARPOSPF/article/details/80335239