Ajax笔记

最新推荐文章于 2018-11-03 13:33:25 发布

最新推荐文章于 2018-11-03 13:33:25 发布 · 63 阅读

本文详细介绍了XMLHttpRequest对象的状态和使用流程，包括readyState属性的变化及如何通过onreadystatechange事件处理请求响应。此外，还提供了创建XMLHttpRequest对象的具体实现方法，并展示了如何发起GET请求检查用户名是否存在。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

XMLHttpRequest的readyState：

0：未初始化——创建

1：初始化——open

2：发送请求——send

3：开始接受结果

4：接收结果完毕

状态每改变一次，调用一次回调函数。方法调用5次，但是前两次的readyState==1

onreadystatechange = callback

绑定回调函数，不加()。

XMLHttpRequest的status：

200 OK

404 Not Found

500 Serevr Error

var xmlHttpRequest; //创建XMLHttpRequest对象 function createXmlHttpRequest() { var xmlHttp; if(window.ActiveXObject) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") } catch (e) { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } }else if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest() } return xmlHttp; } function checkExist() { xmlHttpRequest = createXmlHttpRequest(); xmlHttpRequest.onreadystatechange = callBack; var url = "http://localhost:8080/Ajax/CheckUser?uname="+document.getElementById("userName").value; xmlHttpRequest.open("GET", url, true); xmlHttpRequest.send(null); } function callBack() { if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200) { var result = xmlHttpRequest.responseText; //... } }