Ajax的XMLHttpRequest对象
2014-09-29 16:21
489 查看
编写一个例子:从服务器取回一个Hello Ajax字符串。
js:定义Ajax函数,异步获取数据
1、声明一个XMLHttpRequest对象
2、对XMLHttpRequest对象实例化
3、调用XMLHttpRequest对象的open(),设置服务器的URL和请求的方式,以及是否异步。
4、注册异步回调事件,服务器相应会有事件通知,注册这个事件,就等于设置回调函数。
5、发送请求,调用send()方法,使用Get方式请求可以不用设置send的参数。
HTML: <input type="button" value="ajax提交" onclick="Ajax();" /> <div id="result"> </div>
js:定义Ajax函数,异步获取数据
1、声明一个XMLHttpRequest对象
2、对XMLHttpRequest对象实例化
3、调用XMLHttpRequest对象的open(),设置服务器的URL和请求的方式,以及是否异步。
4、注册异步回调事件,服务器相应会有事件通知,注册这个事件,就等于设置回调函数。
5、发送请求,调用send()方法,使用Get方式请求可以不用设置send的参数。
<script type="text/javascript"> var XmlHttpReq = null;//声明一个XMLHttpRequest对象 if (window.ActiveXObject) {//对XMLHttpRequest对象实例化 XmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { XmlHttpReq = new XMLHttpRequest(); } function Ajax() { //定义Ajax函数,异步获取数据,在Button中的onclick事件中调用 XmlHttpReq.open("Get", "Default.aspx", true);//设置服务器的URL和请求的方式,以及是否异步 XmlHttpReq.onreadystatechange = RequestCallBack;//注册异步回调事件,服务器相应会有事件通知,注册这个事件,就等于设置回调函数 XmlHttpReq.send();发送请求,调用send()方法,使用Get方式请求可以不用设置send的参数或者null } function RequestCallBack() {//回调函数,注册在onreadystatechange事件之上 if (XmlHttpReq.readyState == 4) { if (XmlHttpReq.Status == 200) { document.getElementById("result").innerHTML = XmlHttpReq.responseText; } } } </script>
相关文章推荐
- AJAX客户端说明,XMLHttpRequest对象
- 关于Ajax中XMLHttpRequest对象的status属性值问题
- Ajax 和 XMLHttpRequest 对象
- Ajax基础教程--- 2.1 XMLHttpRequest对象概述
- ajax XMLHttpRequest 对象建立
- AJAX 学习笔记(1) XMLHttpRequest对象概述
- Ajax基础(XMLHttpRequest对象)回顾
- Ajax - XMLHttpRequest对象
- Ajax - XMLHttpRequest对象的属性responseText
- AJAX 创建 XMLHttpRequest对象
- 为何XMLHttpRequest对象是AJAX的核心
- AJAX的核心XMLHttpRequest对象
- Ajax - 使用XMLHttpRequest对象向服务器发送简单请求
- Ajax的核心——XMLHttpRequest 对象
- [翻译]AJAX XMLHttpRequest对象 详解
- AJAX的核心XMLHttpRequest对象
- Ajax与XMLHttpRequest对象
- AJAX核心对象-- XMLHttpRequest 对象使用详解 (二)
- AJAX核心对象-- XMLHttpRequest 对象使用详解 (一)
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法