结合上一节我们继续;

1:xmlHttpRequest 对象响应服务器;

onreadystatechange事件

“当请求被发送到服务器时,执行一些,基于响应的任务”。 每当 readystate改变时,就会触发 onreadystatechange事件。 readystate属性存有Xmlhttpreque的状态信息;

下面是Xmlhttpreque对象的三个重要的属性

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(1)

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(2)

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(3)

onreadysta echange存储函数(或函数名),每当 readystate属性改变时,就会调用该函数。

baystate

存有Xmlhttprequest的状态。从0到4发生变化。也就是说每发生一次请求,浏览器发生了些什么样的变化,这四个状态数字。

0请求未初始化

1:服务器连接已建立

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(4)

2:请求已接收

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(5)

3:请求处理中

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(6)

4:请求已完成,且响应已就绪

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(7)

status

200:"OK,请求成功标志。 404:未找到页面,检查路径。

【浏览器的动作,我们已经知道了,那么此时后台的数据,如何获取过来呢。以下两种】

属性描述;

response Text获得字符串形式的,响应数据;

举例;我们只要加上这几句就ok;

if(xmlHttp.readyState==4 && xmlHttp.status==200){

alert(xmlHttp.responseText);

document.getElementById("name").value=xmlHttp.responseText;

}

解析:确定两个状态码都对,那么就xmlHttp.responseText获取到后台我们传过来的数据了。

后台:

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(8)

前台:

ajax跨域请求完整代码(XMLHttpRequest对象响应服务器)(9)

结合昨天内容,Ajax请求的简单过程,大家大体了解,今天这节很简单,要知道ajax发送请求以后,浏览器发生什么,怎么把后台数据调过来,方法很多,可以自己研究。明天我们继续,深入讲解Ajax。

,