文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-04-02 19:55

关注

本篇文章给大家分享的是有关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的简介是怎样的,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯