Ajax&Json<2>Ajax核心2

来源：互联网发布：lte网络优化面试编辑：程序博客网时间：2024/05/20 19:55

XMLHttpRequest 对象响应服务器

onreadystatechange 事件
当请求被发送到服务器时，我们需要执行一些基于响应的任务。
每当 readyState 改变时，就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性：
onreadystatechange存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪
status
200: "OK"
404: 未找到页面
在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
属性描述
responseText 获得字符串形式的响应数据。
responseXML 获得 XML 形式的响应数据。（了解即可）

<script type="text/javascript">function loadName(){var xmlHttp;if(window.XMLHttpRequest){xmlHttp=new XMLHttpRequest();}else{xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}alert("readState状态："+xmlHttp.readyState+";status状态："+xmlHttp.status);xmlHttp.onreadystatechange=function(){alert("readState状态："+xmlHttp.readyState+";status状态："+xmlHttp.status);if(xmlHttp.readyState==4 && xmlHttp.status==200){alert(xmlHttp.responseText);document.getElementById("name").value=xmlHttp.responseText;}};// xmlHttp.open("get", "getAjaxName?name=jack&age=11", true);// xmlHttp.open("post", "getAjaxName?name=jack&age=11", true);// xmlHttp.send();    xmlHttp.open("post", "getAjaxName", true);    xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");    xmlHttp.send("name=jack&age=11");}</script>

0 0