AJAX 学习笔记

什么是 AJAX ？ 

(AJAX   通过 Asynchronous J Avascript and XML 实现异步刷新)

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

AJAX 工作原理

一、Browser

(1)浏览器创建  XMLHttpRequest 对象   

(2)发送HttpRequest

二、Server

(1)处理 HttpRequest

(2)创建响应 然后 返回数据到browser

三、Browser

(1)运用JavaScript 处理返回的数据

(2)根据数据更新网页内容

 

AJAX是基于现有的Internet标准

AJAX是基于现有的Internet标准，并且联合使用它们：

• XMLHttpRequest 对象 (异步的与服务器交换数据)
• JavaScript/DOM (信息显示/交互)
• CSS (给数据定义样式)
• XML (作为转换数据的格式)

  AJAX应用程序与浏览器和平台无关的 !

使用步骤

 一  AJAX - 创建 XMLHttpRequest 对象​​​​​​

实例

var xmlhttp;                          //声明一个变量;
if (window.XMLHttpRequest)
  {                                   // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();       //创建 XMLHttpRequest 对象的语法
  }
else
  {                                   // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

二  AJAX - 向服务器发送请求请求

方法	描述
open(method,url,async)	规定请求的类型、URL 以及是否异步处理请求。 method：请求的类型；GET 或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步）
send(string)	将请求发送到服务器。 string：仅用于 POST 请求

使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();