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

<完>

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...