通过本文主要向大家介绍了jQuery,ajax等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
1:Ajax技术包含以下几点:
基于Web标准(XHTML + CSS)的展示
使用DOM进行动态显示和交互
使用XMLHttpRequest进行数据交换和相关操作
使用javascript将所有内容绑定在一起
Ajax的核心是JavaScript的XMLHttpRequest对象,它是一种支持异步请求的技术。简而言之,使用JS可以控制XMLHttpRequest对象向服务器提出请求并处理响应,
而不影响用户对页面的正常访问。对于XMLHttpRequest对象,不同的浏览器提供了不同的支持,IE是将其作为ActiveX控件集成到浏览器中的,而其他主流的浏览器直接
作为一般的JS对象来创建。
2:JS中的Ajax
readyState属性代码
基于Web标准(XHTML + CSS)的展示
使用DOM进行动态显示和交互
使用XMLHttpRequest进行数据交换和相关操作
使用javascript将所有内容绑定在一起
Ajax的核心是JavaScript的XMLHttpRequest对象,它是一种支持异步请求的技术。简而言之,使用JS可以控制XMLHttpRequest对象向服务器提出请求并处理响应,
而不影响用户对页面的正常访问。对于XMLHttpRequest对象,不同的浏览器提供了不同的支持,IE是将其作为ActiveX控件集成到浏览器中的,而其他主流的浏览器直接
作为一般的JS对象来创建。
2:JS中的Ajax
XMLHttpRequest对象的属性及简要说明
名称 |
说明 |
readyState |
通信的状态,当XMLHttpRequest对象把一个HTTP请求发送到服务器,到接收到服务器响应信息,整个过程将经历5种状态,该属性取值为为0-4 |
onreadystatechange |
设置回调事件处理程序,当readyState属性的值改变时,会激发此事件 |
responseText |
服务器返回的text/html格式的文档 |
responseXML |
服务器返回的text/xml格式的文档 |
status |
描述了HTTP响应short类型的状态代码,100表示Continue, 101表示Switching protocols数据交换,200表示执行正常,404表示未找到页面,500表示内部程序错误 |
statusText |
HTTP响应的状态代码对应的文本(OK, not found) |
readyState属性代码
代码 |
说明 |
0 |
代表未初始化的状态。创建了一个XMLHttpRequest对象,尚未初始化 |
1 |
代表连接状态,已经调用了open方法,并且已经准备好发送请求 |
2 |
代表发送状态,已经调用了send方法发出请求,尚未得到响应结果 |
3 |
代表正在接收状态,已经接收了HTTP响应的头部信息,正在接收响应内容 |
4 |
代表已加载状态,此时响应内容已完全被接收 |