有趣生活

当前位置:首页>科技>ajax跨域请求完整代码XMLHttpRequest对象响应服务器

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

发布时间:2026-07-25阅读(1)

导读结合上一节我们继续;1:xmlHttpRequest对象响应服务器;onreadystatechange事件“当请求被发送到服务器时,执行一些,基于响应的任....

结合上一节我们继续;

1:xmlHttpRequest 对象响应服务器;

onreadystatechange事件

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

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

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

baystate

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

0请求未初始化

1:服务器连接已建立

2:请求已接收

3:请求处理中

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

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

TAGS标签:  ajax  跨域  请求  完整  代码  ajax跨域请求完整

Copyright © 2024 有趣生活 All Rights Reserve吉ICP备19000289号-5 TXT地图HTML地图XML地图