JSON介绍

简介: JSON介绍

前言

image.png


image.png


image.png

web1.0时代

早期网站我们进行登录操作,如果登录失败,需要重新刷新页面才能重新登录,而且不点击提交按钮,就不知道密码输入错误(同步)

注册的时候,发现手机已经注册过了,但是你只是输入,没有提交,它从数据库查询进行提(异步)

现在大多数都网站,都是局部刷新,不刷新整个页面的情况下,实现页面更新

前后端分离,数据交互变得异常重要,JSON就是王者

web2.0时代

 最重要的一个因素就是ajax


  1. 什么是ajax?

Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTMLXHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest,使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。


  1. 什么是JSON?

JSON: JavaScript Object Notation(JavaScript 对象标记法)是一种存储和交换数据的语法,是一种轻量级的数据交换格式 "{}"

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。


交换数据

当数据在浏览器与服务器之间进行交换时,这些数据只能是文本。

JSON 属于文本,并且我们能够把任何 JavaScript 对象转换为 JSON,然后将 JSON 发送到服务器。

我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。

以这样的方式,我们能够把数据作为 JavaScript 对象来处理,无需复杂的解析和转译。

  1. JSON的使用语法格式
  1. 对象表示为键值对
  2. 数据由逗号分隔(最后一个数据不用加逗号)
  3. 花括号保存对象{}
  4. 方括号保存数组

   JSON键值对是用来保存JS对象的一种方式,和JS对象的写法也大同小异,键值对组合中的键名写在前面并且用双引号""来包裹,使用冒号:分隔,然后紧接着值:

{"name":"weiyihe"}
{"age":"22"}
{"sex":"男"}


  1. JSON和JS的区别

JSON是JS对象的字符串表示法,它使用文本表示一个JS对象的信息,本质是一个字符串

可以理解成JSON是被JS toString后的格式

var js={a:"hello",b:"world"};  //这是一个JS,注意键名也是使用引号包裹的
    var json={"a":"hello","b":"world"}; //这是一个json字符串,本质是一个字符串
  1. JSON和JS对象的互转
  1. 要实现从JSON字符串转换为JS对象,使用JSON.parse()方法:
var js=JSON.parse('{a:"hello",b:"world"}');  //JOSN字符串转换为JS对象
  1. 要实现从JS对象转换为JSON字符串,使用JSON.stringify()方法:
var json=JSON.stringify({"a":"hello","b":"world"}); //JS对象转化为JSON字符串
目录
相关文章
|
7月前
|
存储 人工智能 监控
Mahilo:多智能体实时协作框架开源!人类与AI无缝交互,复杂任务一键协同
Mahilo 是一个灵活的多智能体框架,支持创建与人类互动的多智能体系统,适用于从客户服务到紧急响应等多种场景。
425 2
Mahilo:多智能体实时协作框架开源!人类与AI无缝交互,复杂任务一键协同
|
7月前
|
JavaScript 前端开发 算法
vue和react 哪个更强大
vue和react 哪个更强大
170 3
|
弹性计算
查看阿里云服务器IP地址的三种方法
查看阿里云服务器IP地址的三种方法
7674 1
|
前端开发 数据库
ruoyi-nbcio增加flowable流程待办消息的提醒,并提供右上角的红字数字提醒(一)
ruoyi-nbcio增加flowable流程待办消息的提醒,并提供右上角的红字数字提醒(一)
349 0
|
监控 前端开发 JavaScript
如何使用浏览器调试前端代码?
【4月更文挑战第11天】前端开发中,浏览器调试是关键技能,能提升代码质量。本文介绍了如何使用浏览器的调试工具:1) 打开调试窗口(F12或右键检查);2) Elements标签页检查DOM结构和样式;3) Console调试JavaScript,查看日志和错误信息;4) Sources设置断点调试JS文件;5) 利用Network、Performance和Memory等标签页优化性能。熟悉调试工具、利用日志和错误信息能有效定位问题,提高开发效率。
721 7
|
传感器 数据采集 人工智能
【STM32+k210项目】基于AI技术智能语音台灯的设计(完整工程资料源码)
【STM32+k210项目】基于AI技术智能语音台灯的设计(完整工程资料源码)
1094 2
|
芯片
stm32f4外设学习篇(代码集合)(一)
stm32f4外设学习篇(代码集合)
322 0
|
运维 小程序 API
STM32实战项目—WIFI远程开关灯
本文介绍了如何利用正点原子ESP8266和STM32F103C8T6连接腾讯云,利用舵机实现远程开关灯。给出了详细的腾讯云配置和调试步骤,给出了部分程序设计。
532 1
STM32实战项目—WIFI远程开关灯
|
监控 安全 物联网
阿里云mqtt简介和使用流程
本文介绍了阿里云MQTT的准备工作、简介和使用流程。首先,用户需要注册阿里云账号并完成实名认证。接着,通过阿里云物联网平台创建产品和设备,获取连接所需的Broker Address、Port、Username和Password。然后,使用MQTT客户端(如MQTTX)配置这些信息进行连接,并激活设备。最后,创建并订阅/发布自定义Topic,实现设备间的通信。阿里云MQTT是一个适用于物联网设备的轻量级通信协议,提供高并发、高可靠性的服务,广泛应用于各种物联网场景。
阿里云mqtt简介和使用流程
|
消息中间件 网络协议 物联网
MQTT常见问题之MQTT突然连不上如何解决
MQTT(Message Queuing Telemetry Transport)是一个轻量级的、基于发布/订阅模式的消息协议,广泛用于物联网(IoT)中设备间的通信。以下是MQTT使用过程中可能遇到的一些常见问题及其答案的汇总: