AJAX学习

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

   AJAX = 异步 JavaScript 和 XML。

学习Ajax之前需要对下面的知识有基本的了解：

• HTML / XHTML

• CSS

• JavaScript / DOM

1：创建

 

variable=new XMLHttpRequest();

2：发送请求

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

3：获取响应

responseText 获得字符串形式的响应数据。 
responseXML 获得 XML 形式的响应数据。 

4：AJAX readyState

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。

当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

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

  AJAX的五种状态码：

5：AJAX与 ASP/PHP

6：AJAX 与 数据库

当用户在上面的下拉列表中选择某个客户时，会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发：

• 检查是否已选择某个客户

• 创建 XMLHttpRequest 对象

• 当服务器响应就绪时执行所创建的函数

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

• 请注意我们向 URL 添加了一个参数 q （带有输入域中的内容）

7：AJAX与XML

8：AJAX总结