JavaScript对象符号JSON的简介以及用法是怎样的

发布时间:2021-09-30 15:17:34 作者:柒染
来源:亿速云 阅读:121

本篇文章给大家分享的是有关JavaScript对象符号JSON的简介是怎样的,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

 介绍

一段时间以来,程序员/开发人员/架构师面临的比较大的挑战是如何在不考虑硬件或软件需求的情况下将数据从一个系统传输到另一个系统。在此期间,我们看到许多技术都试图使这一需求尽可能简单,现在我们终于在JSON的帮助下实现了它。

JSON是JavaScript对象表示法的首字母缩写。Douglas Crockford在本世纪初最初指定了JSON格式。JSON的特点如下:

  1. 与XML数据相比,JSON数据更容易被人类读取,XML数据也用于从一个系统传输到另一个系统。

  2. 它是一种轻量级数据交换格式。

  3. 它遵循开放标准格式来传输以“键-值对”模式存储信息的数据对象。

  4. 它是一种与语言无关的数据格式。

  5. JSON可以更容易地映射到面向对象的系统。

  6. 包含JSON数据的文件有一个"。可以被任何编程语言读取的扩展。

典型的JSON是这样的:

示例1

{         “Name”:”Jojo”,        “Age”: 23     }

解释

“Name”是键,“Jojo”是键的值。同样,“年龄”是键,23是键的值。如果您注意到值23没有双引号,这又证明了一点,JSON支持多种数据类型,其中一种是数字。除了数字和字符串,JSON支持的其他数据类型有:

上面的示例只包含一个对象的详细信息。如果我们计划有一个对象数组,那么存储将是这样的:

示例2

{         “Employees”:[           {“Name”:”PopatLal”, “Age”:25},           {“Name”:”Santa Singh”, “Age”:27},           {“Name”:”Banta Singh”, “Age”:28},           {“Name”:”SohanLal”, “Age”:25},        ]     }

在示例2中,我们有一个名为“Employees”的对象数组,其中包含两个组件“Name”和“Age”。

现在,我们注意到的更大的问题是如何使用ASP.NET MVC 4在web页面上显示JSON信息。让我们一步一步来看看如何使用相同的方法。

JavaScript对象符号JSON的简介以及用法是怎样的
public JsonResultWelcomeMessage()     {        String message = "Welcome to JSON";        returnJson(message, JsonRequestBehavior.AllowGet);     }
JavaScript对象符号JSON的简介以及用法是怎样的
publicActionResult Index()     {        return View();     }

在Index.cshtml中的HTML代码,看起来像这样的:

@{         Layout = null;     }     <!DOCTYPE html>     <html>         <head>             <meta name="viewport" content="width=device-width" />             <title>Index</title>         </head>         <body>             <div>                 <input type="button" id="btn1" value="Print" />             </div>             <br />             <br />             <div id="messagediv" style="align-items: center; text-align: center; border: 3px solid blue; width: 300px; height: 300px; background-color: lightblue; color: yellow"></div>         </body>     </html>
JavaScript对象符号JSON的简介以及用法是怎样的
<scriptsrc="~/Scripts/jquery-2.2.3.min.js">     </script>     <script type="text/javascript">         $(document).ready(function()         {             $("#btn1").click(function()             {                 vardivObj = $("#messagediv");                 $.getJSON("/Demo/WelcomeMessage/", null, function(data)                 {                     divObj.append("<b>" +                         data + "</b>");                 });             });         });     </script>
JavaScript对象符号JSON的简介以及用法是怎样的


以上就是JavaScript对象符号JSON的简介是怎样的,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

推荐阅读:
  1. Javascript对象原型Prototype的用法
  2. JavaScript Date的对象简介是怎样的

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:去30秒广告代码的方法教程

下一篇:JavaScript中常用的字符串API是怎样的

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》