文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript对象符号(JSON)简介

2024-12-11 18:54

关注

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

[[334220]]

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

  1. 与XML数据相比,JSON数据更容易被人类读取,XML数据也用于从一个系统传输到另一个系统。
  2. 它是一种轻量级数据交换格式。
  3. 它遵循开放标准格式来传输以“键-值对”模式存储信息的数据对象。
  4. 它是一种与语言无关的数据格式。
  5. JSON可以更容易地映射到面向对象的系统。
  6. 包含JSON数据的文件有一个"。可以被任何编程语言读取的扩展。

典型的JSON是这样的:

示例1

 

  1. {      
  2.    “Name”:”Jojo”,     
  3.    “Age”: 23     
  4. }   

解释

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

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

示例2

 

  1. {      
  2.    “Employees”:[     
  3.       {“Name”:”PopatLal”, “Age”:25},     
  4.       {“Name”:”Santa Singh”, “Age”:27},     
  5.       {“Name”:”Banta Singh”, “Age”:28},     
  6.       {“Name”:”SohanLal”, “Age”:25},     
  7.    ]     
  8. }   

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

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

 

 

 

  1. public JsonResultWelcomeMessage()     
  2. {     
  3.    String message = "Welcome to JSON";     
  4.    returnJson(message, JsonRequestBehavior.AllowGet);     
  5. }   

 

 

 

  1. publicActionResult Index()     
  2. {     
  3.    return View();     

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

  1. @{     
  2.     Layout = null;     
  3. }     
  4.      
  5.      
  6.          
  7.         name="viewport" content="width=device-width" />     
  8.         <span class="keyword">Index</span><span>     
  9.          
  10.          
  11.         
         
  12.             "button" id="btn1" value="Print" />     
  13.         
     
  •              
  •              
  •         "messagediv" style="align-items: center; text-align: center; border: 3px solid blue; width: 300px; height: 300px; background-color: lightblue; color: yellow">
  •      
  •          
  •  
  •  

     

    1. "~/Scripts/jquery-2.2.3.min.js">     
    2.      
    3. "text/javascript">     
    4.     $(document).ready(function()     
    5.     {     
    6.         $("#btn1").click(function()     
    7.         {     
    8.             vardivObj = $("#messagediv");     
    9.             $.getJSON("/Demo/WelcomeMessage/"nullfunction(data)     
    10.             {     
    11.                 divObj.append("" +     
    12.                     data + "");     
    13.             });     
    14.         });     
    15.     });     
    16.   

     

     

    总结

    上面的例子只是为了演示如何在MVC中使用JSON。我希望这篇文章对您有所帮助,记得给我点个赞和关注哦!

    来源:今日头条内容投诉

    免责声明:

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

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

    软考中级精品资料免费领

    • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

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

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

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

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

      难度     224人已做
      查看

    相关文章

    发现更多好内容

    猜你喜欢

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