标签：

AJAX是异步JavaScript和XML，用于在Web页面中实现异步数据交互。AJAX不是新的编程语言，而是一种使用现有标准的新方法。AJAX是在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的艺术。

应用优势：

AJAX是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
使用JavaScript向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHttpRequest。通过这个对象，您的JavaScript可在不重载全部内容的情况下与Web服务器交换数据，加载局部内容，降低数据传输量避免用户不断刷新或者跳转页面，提高用户体验。
AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。
AJAX可使因特网应用程序更小、更快，更友好。
AJAX是一种独立于Web服务器软件的浏览器技术。AJAX基于下列Web标准：
JavaScriptXMLHTMLCSS在 AJAX 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。
Web应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。
不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。
通过AJAX，因特网应用程序可以变得更完善，更友好。

缺点：

对搜索引擎不友好、要实现AJAX下的前后退功能成本较大、可能造成请求数的增加、跨域问题限制

重点内容：

AJAX开发模式、AJAX核心技术、AJAX开发过程

开发步骤：

function loadXMLDoc(){

创建XMLHttpRequest对象

为了应对所有的现代浏览器，包括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");
  }

当服务器响应就绪时执行函数

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

把请求发送到服务器上的文件

xmlhttp.open("GET","file",true);
xmlhttp.send();
}

调用

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

AJAX总结

标签：

原文地址：http://www.cnblogs.com/tufujie/p/5116985.html