网络请求返回数据格式_原生 Ajax 详解

好好学习，天天向上

本章主要内容是：XML 数据格式(做了解)、JSON 数据格式

如果希望服务端返回一个复杂数据，该如何处理？
关心的问题就是服务端发出何种格式的数据，这种格式如何在客户端用 JavaScript 解析

1、XML 数据格式

一种数据描述手段
只做了解就 ok
淘汰的原因：数据冗余太多

<?xml verson="1.0" encoding="utf-8" ?>
<booklist><book><name>三国演义</name><author>罗贯中</author><cate>古典名著</cate></book><book><name>西游记</name><author>吴承恩</author><cate>古典名著</cate></book><book><name>红楼梦</name><author>曹雪芹</author><cate>古典名著</cate></book>
</booklist>
<!-- xml 就是一种数据格式 -->
<!-- 元数据：用来描述数据的数据 -->
<!-- 这种数据的缺点：
1.元数据占用的数据量比较大的，不利于大量数据的网络传输
2.在其他语言中，比如 js，解析内部数据时，方法比较复杂，不方便使用 -->

2、JSON 数据格式

JSON

JavaScript Object Notation,JavaScript 对象表示法
也是一种数据描述手段，类似于 JavaScript 字面量方式
服务端采用 JSON 格式返回数据，客户端按照 JSON 格式解析数据

json 格式的数据，与 js 对象的区别

1、json 数据不需要存到变量中
2、结束时不需要写分号
3、json 数据中的属性名必须加引号

创建 json 格式的文件，如：data.json

 {"name": "wth","age": 25,"hobby": ["听歌", "唱歌"]
}

将 json 格式数据放到一个字符串中的使用

var str = '{"name": "wth", "age": 25}';

json 对象其中有两个方法

parse 方法是把 json 格式中的数据转换成 js 对象
stringify 方法把 js 的对象转换成一个字符串

<script>// js 对象字面量var obj = {name: "wth",age: 25,cp: {name: "www",age: 33}};// 将 json 格式数据放到一个字符串中的使用var str = '{"name": "wth", "age": 25}';console.log(JSON); console.log(obj);console.log(JSON.stringify(obj));// 使用 json 对象的 parse 方法可以将 json 格式的字符串转换成对象格式// 具有了属性和方法，方便我们在 js 中进行使用console.log(JSON.parse(str));var strObj = JSON.parse(str);console.log(strObj.name);console.log(strObj.age);
</script>

注意

不管是 JSON 也好，还是 XML，只是在 AJAX 请求过程中用到，并不代表它们与 AJAX 之间有必然的联系，它们只是数据协议罢了
不管服务端是采用 XML 还是采用 JSON 本质上都是将数据返回给客户端
服务端应该根据响应内容的格式设置一个合理的 Content-Type

网络请求返回数据格式_原生 Ajax 详解 - 响应数据格式相关推荐

java原生的ajax怎么写_原生Ajax代码实现
Ajax Asynchronous JavaScript And XML 异步: 指一段程序执行时不会阻塞其他程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序 ,相反的则为同步, 自己理解 ...
k8s挂载目录_云原生存储详解：容器存储与 K8s 存储卷
作者 | 阚俊宝阿里云技术专家导读:云原生存储详解系列文章将从云原生存储服务的概念.特点.需求.原理.使用及案例等方面,和大家一起探讨云原生存储技术新的机遇与挑战.本文为该系列文章的第二篇,会对容 ...
docker修改镜像的存储位置_云原生存储详解：容器存储与 K8s 存储卷（内含赠书福利）...
作者 | 阚俊宝阿里巴巴技术专家参与文末留言互动,即有机会获得赠书福利! 导读:云原生存储详解系列文章将从云原生存储服务的概念.特点.需求.原理.使用及案例等方面,和大家一起探讨云原生存储技术新 ...
一文带你理解云原生 | 云原生全景图详解
关注「开源Linux」,选择"设为星标"回复「学习」,有我为您特别筛选的学习资料~ 1带你了解云原生技术图谱如果你研究过云原生应用程序和相关技术,大概率你遇到过 CNCF 的云原 ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
[Python从零到壹] 五.网络爬虫之BeautifulSoup基础语法万字详解
欢迎大家来到"Python从零到壹",在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界.所有文章都将结合案例.代码和作者的经验讲 ...
Sniff网络基础原理和软件实现技巧详解
Sniff网络基础原理和软件实现技巧详解前言 SNIFF真是一个古老的话题,关于在网络上采用SNIFF来获取敏感信息已经不是什么新鲜事,也不乏很多成功的案例,那么,SNIFF究竟是什么呢? SNIF ...
无线WiFi网络的密码破解攻防及原理详解
无线WiFi网络的密码破解攻防及原理详解大家应该都有过这样的经历,就是感觉自己家的无线网怎么感觉好像变慢了,"是不是有人蹭我家网?""还有的时候咱们出门也想试图蹭一下别 ...
云原生存储详解：容器存储与 K8s 存储卷
作者 | 阚俊宝阿里云技术专家导读:云原生存储详解系列文章将从云原生存储服务的概念.特点.需求.原理.使用及案例等方面,和大家一起探讨云原生存储技术新的机遇与挑战.本文为该系列文章的第二篇,会对容 ...
[Python从零到壹] 九.网络爬虫之Selenium基础技术万字详解（定位元素、常用方法、键盘鼠标操作）
欢迎大家来到"Python从零到壹",在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界.所有文章都将结合案例.代码和作者的经验讲 ...

网络请求返回数据格式_原生 Ajax 详解 - 响应数据格式

1、XML 数据格式

2、JSON 数据格式

网络请求返回数据格式_原生 Ajax 详解 - 响应数据格式相关推荐

最新文章

热门文章