ajax 简介 -九游会真人第一品牌

和）。

所述

部分用于显示来自服务器的信息。

所述

调用一个函数（被点击时）。

该函数从web服务器请求数据并显示（不重新加载页面）：

函数fetchdoc()：

  function fetchdoc() {
  var httprequest = new xmlhttprequest();
  httprequest.onreadystatechange = function() {
   if (this.readystate === 4 && this.status === 200) {
    document.getelementbyid("output").innerhtml = this.responsetext;
   }
  };
  httprequest.open("get", "ajax_intro.txt", true);
  httprequest.send();
  }

什么是ajax？

ajax 即“asynchronous javascript and xml”（异步 javascript 和 xml）。

ajax不是一种编程语言，它是一种用于从网页访问web服务器的技术。

ajax允许您在不重新加载页面的情况下向服务器发出请求。

ajax可以与服务器通信，交换数据和更新页面，而无需刷新页面。

ajax可以发送和接收各种格式的信息，包括json，xml，html和文本文件。

简而言之，就是使用xmlhttprequest对象与服务器进行通信。

ajax的两个主要功能使您可以执行以下操作：

• 向服务器发出请求，而无需重新加载页面

• 从服务器接收和处理数据

ajax如何工作？

为了执行ajax通信，javascript使用一个xmlhttprequest对象向服务器发出http请求并作为响应接收数据。

所有现代浏览器（chrome，firefox，ie7 ，safari，opera）都支持该xmlhttprequest对象。

下图说明了ajax通信是如何工作的：

ajax操作步骤

1. 网页中发生了一个事件（即页面已加载或单击了按钮）

2. xmlhttprequest对象由javascript创建

3. xmlhttprequest对象将请求发送到web服务器

4. 服务器处理请求

5. 服务器将响应发送回网页

6. 响应由javascript读取

7. html dom由javascript更新

您将学到什么

在本教程的下一章中，您将学习：
如何创建xmlhttprequest对象
如何将数据发送到web服务器（在后台）
如何从web服务器读取数据（在后台）
如何在不重新加载页面的情况下更新网页