XML HTTP传输 小结

what’s XML

XML 指可扩展标记语言（eXtensible Markup Language）。

XML 被设计用来传输和存储数据，不用于表现和展示数据，HTML 则用来表现数据。

1. 发送一个请求到服务器

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

format：open(method,url,async)

• method：请求的类型：GET 或 POST
• url：文件在服务器上的位置
• async：true（异步）或 false（同步）

1. 处理服务器的相应数据

• 返回的是字符串

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

• 返回的是XML文档对象

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

1. onreadystatechange

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

• onreadystatechange：存储函数（或函数的名称）在每次 readyState 属性变化时被自动调用
• readyState存放了 XMLHttpRequest 的状态。从 0 到 4 变化：
  0：请求未初始化
  1：服务器建立连接
  2：收到的请求
  3：处理请求
  4：请求完成和响应准备就绪
• status：200：“OK”
  404：找不到页面

XMLHttpRequest POST

Mylab

1. transform image to xml
2. http post image，and get response XML tag
3. transform xml into text and show on the browser