Ajax&Json<2>Ajax核心2
2014-12-16 10:53
459 查看
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 形式的响应数据。 (了解即可)
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>
相关文章推荐
- Ajax&Json<2>Ajax核心
- asp.net ajax解析json数据(运用List<Hashtable>装数据)
- ajaxfileupload回到json带<pre>
- Ajax&Json<3>Json
- Ajax&Json<1>认识ajax
- Echarts 3.19 .net<ajax+json>绘制柱状图 非静态
- ajaxfileupload返回json带<pre>
- ajaxfileupload返回json带<pre>解决方案
- Struts2<2>核心技术2
- Windows Hook 易核心编程<2>远程线程注入 上
- 从零开始学_JavaScript_系列(八)——js系列<2>(事件触发顺序、文本读取、js编写ajax、输入验证、下拉菜单)
- Struts2<2>核心技术
- Ajax的异步通信引发的一个随机性问题<2> 异步请求的问题来了
- [转载]Windows Hook 易核心编程<2>远程线程注入 下
- Notes On <AJAX & PHP> - 2
- c# Json List<T> DataTable 数据相互转换
- TreeList + <select />+Ajax实现按部门选择员工
- Notes On <AJAX & PHP> - 1
- jstl标签====核心标签<c: >
- linux中断导读之--初始化<2>