AJXA!让体验更美好

AJXA = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

AJAX 工作原理

AJAX 实例解析

<!DOCTYPE html>
<html>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

接下来,在页面的 head 部分添加一个 <script> 标签。该标签中包含了这个 loadXMLDoc() 函数:

<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>

XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。


创建 XMLHttpRequest 对象

所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象的语法:

variable=new XMLHttpRequest();

老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:

variable=new ActiveXObject("Microsoft.XMLHTTP");

为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject ::

实例

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

时间: 2024-10-16 08:18:20

AJXA!让体验更美好的相关文章

设计师Yoyo:为用户设计产品,让他们生活更美好

Yoyo设计走过的路:纽约爱立信,西雅图美国在线,硅谷雅虎,ATT,深圳腾讯,华为:Yoyo不仅是顶级的交互体验设计师,还是很Open的知识分享者,从职业选择,以及对年轻人的建议几个角度,摘录他的文章,耐心读下来,你将受益匪浅. 作者:Yoyo,整理自设计师Yoyo的订阅号:Designer_Yoyo  整理:it3q.com(程序猿訪谈录站点) Yoyo的知乎:http://www.zhihu.com/people/youwenwen Yoyo的工作经历: 华为 · 设计总监,领域体验官 腾讯

十年之约,相见更美好

十年之约,相遇更美好 十年之后,我会离开北京,回到合肥,也或者是去其他的城市,武汉,南京或者西安,未来不确定才值得去追随.这十年,我要在三个方面达到目标. 第一,在技术上,做到GIS行业的大牛.善于学习,经常总结. 第二,在经济上,实现财富自由.不是有钱代表成功,但没钱是万万不会成功的. 第三,身体健康.

学习是为了创造更美好的未来

学习是为了创造更美好的未来 ——读<我是IT小小鸟>有感 新学期开始,迎来了“职业生涯规划与就业指导”这一课程,授课老师给人感觉是幽默风趣的,上课也具有感染力.课上,老师推荐我们阅读一本名为<我是IT小小鸟>的书籍. 作为一名软件工程专业的学生,平时的专业课自然是和计算机软件等信息技术相关的.<我是IT小小鸟>正是围绕IT这一行业为话题展开的.IT,是Information Technology 的缩写,中文意为信息技术.在一般人的脑海里,说起信息技术,自然会想到的是电

用惠信改变世界,让世界更美好

从来就没有个人的权威,也没有强大的个人,只有强大的集体.只有依靠集体的力量才能够取得非凡的成就,个人主义的逞能只会把团队带入歧途,单靠个人力量只能把团队的目标拉低,最终只能对着宏大蓝图望而兴叹.群策群力.集思广益,才能够尽团队之所能,真正成为一个强大的集体. 一个强大的力量需要交由伟大的精神来支配,才能做出伟大的革新.在漫长的探索道路上,信念就是力量的源泉.一切卓越的成就都来源于看似漫无边的理想,从"跳出个人利益的追逐"到"超乎物质的荣誉".最终升华为"改

WTF Forms – 使用 CSS 实现用户体验更好的表单

WTF forms 借助 CSS 提供友好的 HTML 表单控件,专为 IE9+ 以及最新的 Chrome.Safari 和 Firefox 浏览器.以文件输入控件的改进,使用 label 包裹在 input 的外贸,所以自定义控件可以正确触发文件浏览器,并且定义了点击时的样式,像复选框和单选框还有选中状态的样式. 您可能感兴趣的相关文章 创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的复选框(Checkbox)效果 超赞!基于 B

工具让生活更美好

工欲善其事,必先利其器. 如果你工作中使用MySQL数据库,却从来没安装其他的MySQL工具,我只能说:牛逼中的战斗机.我就一打酱油的,都是使用MySQL工具操作的:偶尔使用cmd命令行,结果总是蛋疼不断,遂决定弃用. 1.MySQL Workbench 这是官方的工具,其实很强大,如何强大我们这里就不说了,谁用谁知道! 最近一直在使用Workbench,发现个问题,把查询结果复制到excel中记录数不对,已经三次了. 比如select count(*) from tableA,显示数量为110

Markdown:让书写更美好

# Markdown:让书写更美好 ![text](http://wenchao-img.qiniudn.com/a53403c34c199fdd759571c2997ed910.png) ## Markdown简介 > Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber).它允许人们"使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档".[1]这种语言吸收了很多在电子邮件中已有的纯文本标记的特性. > --维

Xsolla推出全新工具,让您体验更高效的帐户管理

今年,Xsolla为了满足客户不同需求,提高帐户管理的效率,为每一位合作伙伴制定了新的帐户界面,方便大家浏览以及管理自己的帐户,查看相关讯息.新界面的主要区域由以下几本分组成:界面,支付,项目,工具,分析,公司,用户,服务纪录和文件 .本期开始,Xsolla将为大家一一介绍新帐户的使用和功能. 货币种类增多 Xsolla的新帐户打开之后,您将看见支持4种不同种类货币的数据报告,他们是美金,欧元,卢比和乌克兰货币.相比较旧版本的界面,增加了三种货币支持,方便许多俄罗斯以及CIS国家的用户查阅货币交

如何设计空白页面,体验更好!

在我经历的设计项目中,所有的项目成员都会要求设计师优先制做所谓的「典型页面」,常见的就是产品的首页和详情页. 而空白页面,或者说缺省数据页面(例如没有任何联系人的通讯录和没有任何聊天记录的微信),通常都是在设计过程的最后阶段才作考虑.有些时候,甚至会被遗忘.直到某个开发同学提出来,『这个页面,如果没有数据的时候,该显示什么鬼东西啊?』 用户「首次使用」你的产品时会遇到空白状态的页面,这也是用户由浅入深接触你的产品的必经之路.在这个过程中,一个优秀的空白页面应该达成三个目标: 教育用户 取悦用户