首页 > 编程语言 >JavaScript JSON

JavaScript JSON

时间:2023-01-30 21:44:41浏览次数:33  
标签:www name url JavaScript JSON com

什么是JSON

JSON的作用:

    1. JSON是用于存储和传输数据的格式;
    2. JSON通常用于服务端向网页传输数据;

什么是JSON:

JSON全称为:JavaScript Object Notation

是一种轻量级的数据交换格式;

易于阅读和编写;

可以在多个语言之间进行交换,同时易于解析和生成;

JSON语法规则:

  • 数据为键/值 对。
  • 数据由逗号分隔。
  • 大括号{}保存对象。
  • 方括号[]保存数组。

JSON字符串转换为JavaScript对象

创建JavaScript字符串,字符串为JSON 格式

1             var text = '{ "sites" : [' +
2                         '{ "name":"Runoob" , "url":"www.runoob.com" },' +
3                         '{ "name":"Google" , "url":"www.google.com" },' +
4                         '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

然后使用JavaScript内置函数JSON.parse()将字符串转换为JavaScript对象,:

var obj = JSON.parse(text);

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>javascript JSON</title>
 6     </head>
 7     <body>
 8         <h2>为JSON字符串创建对象</h2>
 9         <p id="demo"></p>
10         <script>
11             var text = '{ "sites" : [' +
12             '{ "name":"Runoob" , "url":"www.runoob.com" },' +
13             '{ "name":"Google" , "url":"www.google.com" },' +
14             '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
15             obj = JSON.parse(text)
16             console.log(obj)
17             document.getElementById("demo").innerHTML=obj.sites[0].name + " "+obj.sites[0].url  
18         </script>
19     </body>
20 </html>

 

标签:www,name,url,JavaScript,JSON,com
From: https://www.cnblogs.com/wenzm/p/17077320.html

相关文章

  • JavaScript之this、let、const关键字
    各场景下的thisthis的意思:百度翻译为:这、这么、本在JavaScript中,表示当前对象的引用关键字,没有特殊含义。在一个方法中,this表示该方法所属的对象。如果单独使用,this表......
  • AJAX jsonp实践(验证用户名是否存在)
    视频HTML<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><ti......
  • AJAX jQuery发送jsonp请求
    视频HTML<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><ti......
  • AJAX jsonp实现原理
    视频script标签处理函数调用,handle(),在html中实现handle(),在js中返回'handle()'字符串从而实现跨域。HTML<!DOCTYPEhtml><htmllang="en"><head><metacharset......
  • javaScript一个数组对象根据另一个数组排序
    varlist=[{name:'上海',code:'shanghai',},{name:'西安',code:'xian'},{name:'深圳',code:'shenzhen'},{name:'北京',code:'beijing'}];list......
  • JavaScript学习笔记—DOM之文本节点
    在DOM中,文本内容也是一个节点对象(Text),可以通过获取文本对象然后完成对它的各种操作,但这种做法会使得事情变得复杂,并不建议这么做。在大部分场景下,可以通过元素的属性来操作......
  • 接口自动化框架两大神器-正则提取器和Jsonpath提取器
    一接口自动化框架一框架结构二结构说明-API用于封装被测系统的接口(用request模块封装的请求方法)-TestCase将一个或多个接口封装成测试用例,并使用UnitTest管理......
  • 如何从json数据中提取数据
        //将数据解析成json格式var data=JSON.parse(responseBody);//获取id值var procInstId=data.data.id; var workId=data.data.works[0].id;pm.envir......
  • JavaScript 前端大文件上传
    ​对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程......
  • javascript基础
    一。JavaScript使用场景1.改变内容getElementById()是多个JavaScriptHTML方法之一,使用该方法查找元素ID,并且可以使用(innerHTML)属性改变元素的内容2.改变HTML属性......