AJAX笔记-数据传输格式
来源:互联网 发布:如何ping网络端口号 编辑:程序博客网 时间:2024/05/21 11:28
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函数存在风险。可以执行传输过来的字符串,可能是恶意代码。
<完>
0 0
- AJAX笔记-数据传输格式
- ajax的数据传输格式
- AJAX的数据传输格式
- 数据传输格式xml/json
- W6s数据传输格式
- thrift TBinaryProtocol 数据传输格式
- Ajax 与异步数据传输
- 学习笔记--Ajax:html格式返回数据
- 学习笔记--Ajax:XML格式返回数据
- 学习笔记--Ajax:JSON格式返回数据
- RFID数据传输常用编码格式
- web应用的数据传输格式
- PCIE多通道数据传输格式
- RFID数据传输常用编码格式
- 数据传输的常用格式JSON
- Ajax: 使用 JSON 进行数据传输
- ajax 与数据库进行数据传输
- Ajax数据传输的一个问题
- Manacher算法
- RxJava 学习之(一)
- tinyxml的parse函数返回NULL
- Python自动化运维--系统基础信息模块
- 学习python第一周
- AJAX笔记-数据传输格式
- Android自定义View之View详解(1)
- <Android 应用 之路> 天气预报(一)
- MSCHRT20.OCX使用详解
- 记录Apache服务启动失败的解决过程
- 设计模式六大原则之里氏替换原则
- CURL常用命令
- 关于十六进制和八进制负数的问题
- js动态添加div(一)