Ajax的XMLHttpRequest对象
编写一个例子：从服务器取回一个Hello Ajax字符串。
HTML：
<input type="button" value="ajax提交" οnclick="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>
转载于:https://www.cnblogs.com/lmfeng/archive/2012/10/22/2733775.html
Ajax的XMLHttpRequest对象相关推荐
- AJAX - 创建XMLHttpRequest 对象
AJAX - 创建XMLHttpRequest 对象 · Previous Page · Next ...
- Ajax异步XMLHttpRequest对象
示例Ajax: <%@ page language="java" contentType="text/html; charset=utf-8"pageEn ...
- 艾伟：详解AJAX核心 —— XMLHttpRequest 对象 (下)
继续上一篇的内容 上一篇关于XMLHttpRequest 对象发送对服务器的请求只说到了用Get方式,没有说Post方式的.那是因为要说Post方式就需要先说另外一个东西,那就是DOM(Documen ...
- jquery与ajax的XMLHttpRequest对象介绍
首先 认识一个对象 这个对象叫XMLHttpRequest XMLHttpRequest对象可以提供在不刷新页面的情况下向服务器发送异步请求,并且接受服务器端返回的结果.从而实现局部更新当前页面的功 ...
- 全面剖析Ajax的XMLHttpRequest对象（学习Ajax必须知道的东西）
XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础.尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用:但是,我们 ...
- Ajax中XMLHttpRequest对象的详细解析
| responseXML | 服务器的相应,表示为XML,这个对象可以解析为一个DOM | | status | 服务器的HTTP状态码 | | statusText | HTTP状态的对应文本 | ...
- AJAX核心对象-- XMLHttpRequest 对象使用详解 (一)
作者:Brett McLaughlin 多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的HTML 页面.常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过 ...
- ajax(判断浏览器创建xmlhttprequest对象),XMLHTTPRequest对象的创建与浏览器的兼容问题...
MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest ...
- Ajax入门（创建 XMLHttpRequest 对象）
XMLHttpRequest 是 AJAX 的基础. 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject). XMLHttpRequest ...
最新文章
- PyTorch官方教程中文版：入门强化教程代码学习
- c语言优化冒泡法,C语言：冒泡法排序一组数，如何优化？
- Redmi K50电竞版将全球首发超宽频马达：安卓阵营最大 售价不便宜
- 面向太阳，不问春暖花开
- amaze ui使用简介
- 互联网创业潮时代我们到底该不该创业
- ROM界面美化基础（framework-res、SystemUI）
- 4am永远 鼠标按键设置_罗技G502 LIGHTSPEED无线游戏鼠标评测 性能超乎想象
- 举例理解哈夫曼树与哈夫曼编码
- 星星之火-58：CPRI协议缺点，eCPRI协议是如何克服CPRI协议的不足？
- Windows安全中心打开空白
- 用 Python 实现导弹自动追踪，超燃！
- Bessie‘s Dream
- 服务器硬盘掉线解决过程分析
- 盛银消费金融：年报亮眼背后，资产规模或限制持续增长
- 机器学习文章引用参考
- java 安全警告 关闭_关闭安全警告的两种方法
- 2d有限元计算机仿真,超精密单点金刚石车削加工有限元仿真
- 360推出无广告极速版，用户会买账吗？
- 分布式事务解决方案 - SpringCloud Alibaba Seata