AJAX学习

目录

• AJAX
• • 创建 XMLHttpRequest 对象
  • 向服务器发送请求
  • 服务器响应
  • onreadystatechange 事件

AJAX

AJAX = 异步 JavaScript 和 XML，是一种用于创建快速动态网页的技术；

创建 XMLHttpRequest 对象

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

variable=new XMLHttpRequest();

向服务器发送请求

xmlhttp.open(“GET”,“test1.txt”,true);
xmlhttp.send();

服务器响应

1. responseText 属性：返回字符串形式的响应

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

2. responseXML 属性：如果来自服务器的响应是 XML，而且需要作为 XML 对象进行解析，请求 books.xml 文件，并解析响应

xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");
for (i=0;i<x.length;i++)
  {
  txt=txt + x[i].childNodes[0].nodeValue + "<br />";
  }
document.getElementById("myDiv").innerHTML=txt;

onreadystatechange 事件

• 当请求被发送到服务器时，我们需要执行一些基于响应的任务。
• 每当 readyState 改变时，就会触发 onreadystatechange 事件。
• readyState 属性存有 XMLHttpRequest 的状态信息。
  

  
  

  下周见！笔芯~