一文讲解AJAX简介与实例

AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

什么是AJAX？

AJAX=异步JavaScript和XML。

Ajax是一种异步请求数据的web开发技术，对于改善用户的体验和页面性能很有帮助。简单地说，在不需要重新刷新页面的情况下，Ajax通过异步请求加载后台数据，并在网页上呈现出来。常见运用场景有表单验证是否登入成功、百度搜索下拉框提示和快递单号查询等等。Ajax的目的是提高用户体验，较少网络数据的传输量。同时，由于AJAX请求获取的是数据而不是HTML文档，因此它也节省了网络带宽，让互联网用户的网络冲浪体验变得更加顺畅。

AJAX实例解释

上面的AJAX应用程序包含一个div和一个按钮。

div部分用于显示来自服务器的信息。当按钮被点击时，它负责调用名为loadXMLDoc()的函数：

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

XMLHttpRequest是AJAX的基础。

XMLHttpRequest对象

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

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

创建XMLHttpRequest对象

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

创建XMLHttpRequest对象的语法：

老版本的InternetExplorer（IE5和IE6）使用ActiveX对象：

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