AJAX笔记-数据传输格式

前端之家收集整理的这篇文章主要介绍了AJAX笔记-数据传输格式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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函数存在风险。可以执行传输过来的字符串,可能是恶意代码

<完>

猜你在找的Ajax相关文章