JSON数据格式----- JavaScript与JSON、JavaScript的JSON对象、构建JSON格式数据

JavaScript与JSON

JSON是一种语法，用来序列化对象、数组等的。它只是基于JavaScript语法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zWMcpKTa-1599703206802)(1-7.png)]

JSON格式的字符串就是指在JavaScript语言中内容格式符合JSON格式的字符串的数据

这样字符串的但引号就确定了最外面是单引号因为json必须是双引号

var jsonText='{"name":"xxx","abc":"wwwwsss"}'

JSON格式的对象就是指JSON格式在JavaScript语言中的具体表现形式为对象或者数组

var jsonObject = {"name":"xxx","abc":"wwwwsss"
}
var jsonObject2 = [1,2,3,4];

JavaScript的JSON对象

JSON对象该对象用于实现字符串与对象之间的转换

JSON.pares() :解析JSON字符串并返回对应的值字符串转JSON格式的对象

JSON.stringify():返回与指定值对应的JSON字符串对象转JSON格式的字符串

    var jsonString = '{"name":"zhangwuji"}';var jsonObject = JSON.parse(jsonString);console.log(jsonObject);var jsonResult = JSON.stringify(jsonString);console.log(jsonResult)

对于有些老版本的浏览器不支持json的需要下载json2.js 把他放在你的项目中并且在需要的地方引入这个文件

构建JSON格式数据

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><button id="btn">request</button>
</body>
<script src="../9.2/创建XMLHTTPRequest对象.js"></script>
<script>var btn = document.getElementById('btn');btn.addEventListener('click',function(){var xhr = createXMLHttpRequest();xhr.onreadystatechange = function(){if(xhr.readyState === 4 && xhr.status === 200){var data = xhr.responseText;//接收数据  responseText接收的是个字符串var json = JSON.parse(data);//通过JSON的内置方法 将字符串格式的json内容转换为对象格式的console.log(json);}}xhr.open('post','server.json');xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');var obj = {name:'xxx',age:44}//将json格式的字符串转换为符合请求数据的格式//最简单的方法就是 直接用对象进行拼串xhr.send(`name=${obj.name}&age=${obj.age}`);})
</script>
</html>

JSON数据格式----- JavaScript与JSON、JavaScript的JSON对象、构建JSON格式数据相关推荐

c#如何将多个json合并_合并两个c＃对象（json）列表作为父级子级
我有一个看起来像下面的json字符串: [ { "id": 1, "title": "Hello" }, { "id": ...
Ajax的简单使用与JSON数据格式
Ajax 1.概念 Asynchronous JavaScript And XML: 异步的JavaScript和XML 1.异步和同步:客户端和服务器通信的基础上同步:客户端必须等服务器的响应 ...
JSON数据格式---JSON语法规则、JSON文件
JSON是JavaScript Object Notation的缩写,是一种轻量级的数据交换格式. JSON是独立于任何语言的文本格式.易于被计算机解析和生成 JSON中文网:http://www.j ...
android 将数据转换成JSON数据格式并使用JSONObject解析JSON格式的数据
比起XML文件解析,JSON数据解析的有点在于他的体积小,在网络上传输的时候可以更省流量.同时它也有缺点,Json数据的语义性较差,看起来没有XML直观.现在JSON已经被大多数开发人员所接受,在网络 ...
html5 json转字符串,web前端-js小记(5)-字符串及json
0. 对于 HTTP 协议而言,HTML.CSS.JS.JSON 的本质都是什么? 对于HTTP协议而言,html.css.js.json是符合相应语法的字符串. 用户访问页面时,浏览器根据用户的请求 ...
使用jackson对Java对象与JSON字符串相互转换的一些总结
总结一下自己使用 jackson 处理对象与 JSON 之间相互转换的心得. jackson 是一个用 Java 编写的,用来处理 JSON 格式数据的类库,它速度非常快,目前来看使用很广泛,逐渐替代 ...
Java对象与json转换
说明:本文章只写一些简单案例,并没有做过多说明. 案例为maven案例,pom.xml引入依赖 <dependency><groupId>com.alibaba</gro ...
【系统学习SpringBoot】SpringBoot 对象转JSON输出
SpringBoot输出JSON 以往使用SpringMVC中开发时,对象转JSON需要配置很多东西 [1]添加FastJson/jackjson等第三方jar [2]在配置文件中配置Controll ...
一个能够快速把JSON数据格式化成漂亮网页的开源JavaScript库：angular-json-human
有的时候,我们在做快速原型的时候,我们需要把获取的JSON数据快速的格式化并在本地的网站上面显示:或者把JSON数据过于复杂,且没有一定的规律,但是我们想把JSON的数据格式以更加友好的方式显示出来: ...

JSON数据格式----- JavaScript与JSON、JavaScript的JSON对象、构建JSON格式数据

JavaScript与JSON

JavaScript的JSON对象

构建JSON格式数据

JSON数据格式----- JavaScript与JSON、JavaScript的JSON对象、构建JSON格式数据相关推荐

最新文章

热门文章