首页 > 代码库 > XML学习（1）
XML学习（1）
什么是XML？
XML是可拓展标记语言，类似HTML，它的设计宗旨是为了传输数据，而不是像HTML那样显示数据。XML标签没有被预定义，需要用户自定义标签。
xml文档必须包含根元素，它是其他所有元素的父元素，比如这样的结构：
<root>
<child>
<subchild>.....</subchild>
</child>
</root>
root就是根元素
实体
在xml中不要使用字符"<"、">"….应该用实体引用来替代
| < | < |
| $gt; | > |
| & | & |
| ' | ‘ |
| " | " |
在 XML 中，只有字符 "<" 和 "&" 确实是非法的。大于号是合法的，但是用实体引用来代替它是一个好习惯。
注释：和html一样，都是<!-- … -->
命名的禁忌：
避免使用" – "字符，比如"a-b"；避免使用 " : "，比如" a.b "；避免使用" : "
XMLHttpRequest对象用于在后台与服务器交换数据
有了XMLHttpRequest，用户能：
- 在不重新加载页面的情况下更新网页
- 在页面已加载后从服务器请求数据
- 在页面已加载后从服务器接收数据
- 在后台向服务器发送数据
创建方法：
xmlhttp=new XMLHttpRequest();
较为简单的代码示例：
function createXmlHttpRequest(){
if(window.ActiveXObject){ //如果是IE
return new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){ //非IE
return new XMLHttpRequest();
}
}
较为复杂的代码示例：
function createXmlHttpRequest(){
if(typeof XMLHttpRequest!=”underfined”) {
return new XMLHttpRequest();
} //for IE7+ Firefox opera chrome safari
else if(typeof ActiveXObject!=”underfined”) { //for IE6-
if(typeof arguments.callee.activeXString != “string”) {
var version = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXMLHttp"], i ,len;
for ( i=0,len=version.length;i<len;i++) {
try {
new ActiveXobject(versions[i]);
arguments.callee.activeXString=version[i];
break;
} catch(ex) {
alert("please update your IE");
}
}
}
}
return arguments.callee.activeXString;
} else {
throw new Error("XHR对象不可用");
}
}
创建完接口方法之后创建对象：
var xmlhttp=createXmlHttpRequest();
状态判定：
function callback(){
switch(xmlhttp.readyState) {
case 0:
alert("请求未初始化"); break;
case 1:
alert("请求启动但是尚未发送"); break;
case 2:
alert("请求发送，尚未得到响应"); break;
case 3:
alert("请求开始响应，收到部分数据"); break;
case 4:
alert("请求响应完成，收到全部数据"); //交互完成
if((xmlhttp.status>=200 && xmlhttp.status <300) || xml.status==304)
{
var data=http://www.mamicode.com/xmlhttp.responseText;
} else {
alert(“request was successfully”+xmlhttp.status+xmlhttp.statusText);
}
break;
}
};
GET请求：
xmlhttp=createXmlHttpRequest();
var url="getsomething.jsp?id" +id;
xmlhttp.open("GET",url,true); //选项为“true”，异步处理
xmlhttp.onreadystatechange=callback; //回调函数
xmlHttp.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded;"); //针对不支持FormData的浏览器的处理
xmlHttp.send();
POST请求：
var url = "posturl";
xmlHttp.open("POST", url, true); //选项为“true”，异步处理
xmlHttp.onreadystatechange = callback; //回调函数
xmlHttp.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded;"); //针对不支持FormData的浏览器的处理
xmlHttp.send(xmlfile);
或者：
var data=http://www.mamicode.com/{ID:"123",name:"jack"};
xmlHttp.open("POST", "filename", true); //选项为“true”，异步处理
xmlHttp.onreadystatechange = callback; //回调函数
if(typeof FormData =http://www.mamicode.com/="underfined") {
xmlHttp.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded;"); //针对不支持FormData的浏览器的处理
}
xmlHttp.send(post(data));
open函数中的True 表示脚本会在 send() 方法之后继续执行，而不等待来自服务器的响应。如果设置为 "false"，可以省去额外的 onreadystatechange 代码。如果在请求失败时是否执行其余的代码无关紧要，那么可以使用这个参数。
在没有得到服务器响应的情况下，防止代码停止的最安全的方法就是设置onreadystatechange事件
参考：https://www.cnblogs.com/yuanke/p/4998516.html
XML学习（1）