AJAX入门教程

2016-02-19 18:25 6 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是AJAX入门教程,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

1.创建 XMLHttpRequest 对象

现在的浏览器有很多种,创建 XMLHttpRequest 的方法也不相同,所以为了兼容各种浏览器,在创建 XMLHttpRequest 时也应该考虑到各种浏览器的情况。目前主流的浏览器在Windows下有IE、Firefox及Opera,所以我们写的代码要尽量兼容这几个浏览器。在参考了一些资料后,我用下面的方法来创建 XMLHttpRequest 对象:

CODE:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

// 先定义一个变量,并赋初值为 false,方便后面判断对象是否创建成功
var xmlObj = false;
// 使用 try 来捕获创建失败,再换个方法来创建
try {
// 在 Mozilla 中使用这种方式来创建 XMLHttpRequest 对象
xmlObj=new XMLHttpRequest;
}
catch(e) {
try {
// 如果不成功,那么尝试在较新 IE 里的方式
xmlObj=new ActiveXObject("MSXML2.XMLHTTP");
}
catch(e2) {
try {
// 失败则尝试使用较老版本 IE 里的方式
xmlObj=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e3) {
// 还是失败,那么就认为创建失败……
xmlObj=false;
}
}
}
// 如果创建 XMLHttpRequest 对象失败,那么提醒访问者该页面可能无法正确访问
if (!xmlObj) {
alert("XMLHttpRequest init Failed!");
}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

2.使用 XMLHttpRequest 来获取 XML 文档

在用 XMLHttpRequest 来获取 XML 需要注意这个文档必需和自己在同一个域中,我的理解是同一个域名之下,或者同一目录之中,如果不是就会出现“拒绝访问”的错误。在本地高度时,也必需运行一个 Web 服务器,而不能直接在浏览器里打开这个网页。

CODE:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

// 使用 open 方法来打开一个请求,这个方法有3个参数,分别是请求方式,请求文件的URL及同步方式(?不是很清楚具体叫什么来的:)
// 请求方式可以是 GET,POST,HEAD中的一种,因为我要获取文件,所以用 GET
// 请求文件的URL,直接用相对路径即可
// 同步方式,表示请求发出后是等待回应(false)还是继续执行下面的代码(true),即所谓异步了。AJAX的第一个A就是表示异步了,所以这里用 true
xmlObj.open ("GET", "sample.xml", true);
// 因为使用异步方式所以要在 XMLHttpRequest 对象的状态改变时做相应的处理
xmlObj.onreadystatechange=function() {
// 如果 XMLHttpRequest 的状态为4,应该是ready来的,那么继续处理
if(xmlObj.readyState==4) {
// 需要判断返回状态是否为200 OK,有些情况如文件不存在,就为返回404
if(xmlObj.status==200) {
// 一切OK,调用处理过程
DoMyXML();
}
}
}
// 发送请求,因为是GET,所以send的内容为null
xmlObj.send(null);

来源:http://www.tulaoshi.com/n/20160219/1617587.html

延伸阅读
标签: Java JAVA基础
  使用脚本 在有些地方,你大概要加一些好的,成熟的程序到你的JSP页里,JSP的标签虽然很强大,但是完成某些工作还是比较费力的困难的。这时你可以使用脚本语言段来补充JSP标签。 使用的JSP引擎是支持脚本语言的,SUN的JSP参考文说明,必须使用Java程序语言来编写脚本,但是其他第三方的JSP引擎允许使用其他语言来写脚本程。 如何增加...
数 组 是 有 序 数 据 的 集 合 ,数 组 中 的 每 个 元 素 具 有 相 同 的 数 据 类 型 ,可 以 用 一 个 统 一 的 数 组 名 和 下 标 来 唯 一 地 确 定 数 组 中 的 元 素 。 数 组 有 一 维 数 组 和 多 维 数 组 ,下 面 我 们 分 别 介 绍 。 § 5.1 一 维 数 组 一 、 一 维 数 组 的 定 义 一 维 ...
MindManager新手入门教程 MindManager是一款创造、管理和交流思想的思维导图软件,其直观清晰的可视化界面和强大的功能可以快速捕捉、组织和共享思维、想法、资源和项目进程等等。MindManager新手入门教程专为新手用户设计,包含创建思维导图基本入门操作,让用户快速上手。 MindManager思维导图主要由中心主题、主题、子主题、附注...
标签: 电脑入门
新建的Word文档背景都是单调的白色,如果需要,我们可以按下面的方法为其添加背景或水印。 执行格式→背景,选用下列操作之一: 1.在颜色板内直接单击选择所需颜色。 2.如果上面的颜色不合要求,可单击其他颜色选取其他颜色。 3.单击填充效果可添加渐变、纹理、图案或图片。 提示:重新进行上述操作可更改背景色或填充效果;要删除设置...
标签: Web开发
会JS的请绕行,本文对你太白痴;不会HTML和CSS的请绕行,你可能会看不懂下面的内容。(英文最好也会一点,不然会很麻烦) 什么是jQuery? jQuery是一个JavaScript库,白痴解释就是一个JavaScript工具箱,很多现成的工具,想用什么就拿什么。省去了自己重新编写代码的烦恼,对于像我一样的JS白痴,更是容易上手。 jQuery能做什么? 他能让...

经验教程

237

收藏

12
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部