HTML
优点:
传输的直接是HTML格式的内容,可以直接用innerHTML = XMLHttpRequest.responseText来获取操作。
缺点
如果是更新多个部分,则对responseText内容不容易拆分。
XML
var result = XMLHttpRequest.responseXML返回的是XML文档,需要进行解析,然后重组成HTML文档。通常是通过类似下面的TagName等进行获取。
var data = result.getElementsByTagName("data")[0]...
通过获取xml中的内容,然后创建各种节点,自己构建HTML文档 document.createElemnt...
优点:
XML是一种通用的数据格式,不必把数据强加到已定义好的格式中,利用DOM可以完全解析数据。
缺点:
如果文档来自于服务器,就必须保证文档含有正确的头部信息<xml?...>。如果文档类型错误,那么responseXML的值将是空的。当浏览器接收到长的XML文件后,DOM解析会相当复杂。
JSON
JavaScript Object Notation//数据格式
window.onload = function(){ var jsonObject = { "name":"high",//每个json元素间必须用逗号隔开 "age":12,//值可以是字符串,整形等正常的类型 "address":{"country":"China","City":"WuHan"},//值可以是一个新的json对象 "speak":function(){console.log("Hello json")} //可以是函数 }; console.log(jsonObject.name) console.log(jsonObject.age) console.log(jsonObject.address.country) jsonObject.speak(); //函数调用,后面要加() };
通过JSON传输的数据会议字符串的方式,放在XMLHttpRequest.responseText中。
在javascript中,eval函数可以将字符串转换为可执行的javascript语句。
对于json格式的字符串,则可以通过eval直接转换为json对象。
var jsonStr = "{'name':'high'}";
var testObject = eval("(" + jsonStr + ")"); //注意在转换时必须要加上括号
优点:
作为数据传输格式,JSON和XML很相似,使用方面更加灵巧。JSON不需要从服务器端发送含有特定内容类型的头部信息(不需要类似xml的头信息)。
缺点:
语法过于严谨,代码不如xml那样容易阅读。eval函数存在风险。可以执行传输过来的字符串,可能是恶意代码。
<完>