AJXA!让体验更美好

Posted 亡桑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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");






















以上是关于AJXA!让体验更美好的主要内容,如果未能解决你的问题,请参考以下文章

刻意练习带来的初次美好体验

小怪狐区块链游戏系统开发

5 个 Swift 库,为您设计美好的引导体验

共推体验数智化 大树体验云加入UXPA中国用户体验专业协会

福袋大礼包!机智云邀你免费体验在线开发工具,让开发更简单!

降低网络拥塞,追求美好体验——对话拍乐云首席科学家章琦