JavaScript对象符号(JSON)简介

 介绍

创新互联,专注为中小企业提供官网建设、营销型网站制作、成都响应式网站建设、展示型网站制作、网站设计等服务,帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。

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

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支持的其他数据类型有:

  • 布尔
  • 数组
  • 数字(整型、浮点数、定点数)
  • 对象
  • 空格
  • Null

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

示例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信息。让我们一步一步来看看如何使用相同的方法。

  • 我们为这个示例应用程序选择了一个基本模板,解决方案资源管理器看起来像这样:
  • 现在我们正在创建一个非常简单的应用程序,其目的是打印一条表示“欢迎JSON”的欢迎消息。为此,我们将添加一个MVC控制器和一个返回JSONResult的方法。代码如下:
 
 
 
 
  1. public JsonResultWelcomeMessage()    
  2. {    
  3.    String message = "Welcome to JSON";    
  4.    returnJson(message, JsonRequestBehavior.AllowGet);    
  5. }  
  • 当你运行这个程序时,你会得到如下的输出:
  • 这段代码现在证明我们能够查看JSON数据,现在我们需要在HTML页面上使用它,因此我们需要为它创建一个视图。
  • 在“DemoController”下,我们写了一个名为“Index”的ActionResult方法,这个方法返回一个同名的视图,即“Index.cshtml”。
 
 
 
 
  1. publicActionResult Index()    
  2. {    
  3.    return View();    
  4. }

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

 
 
 
 
  1. @{    
  2.     Layout = null;    
  3. }    
  4.     
  5.     
  6.         
  7.             
  8.         Index    
  9.         
  10.         
  11.         
        
  12.                 
  13.         
    
  •             
  •             
  •         
  •     
  •         
  •  
     
     
     
    1.     
    2.     
    3.     
    4.     $(document).ready(function()    
    5.     {    
    6.         $("#btn1").click(function()    
    7.         {    
    8.             vardivObj = $("#messagediv");    
    9.             $.getJSON("/Demo/WelcomeMessage/", null, function(data)    
    10.             {    
    11.                 divObj.append("" +    
    12.                     data + "");    
    13.             });    
    14.         });    
    15.     });    
    16.  

    总结

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

    网页题目:JavaScript对象符号(JSON)简介
    地址分享:http://www.36103.cn/qtweb/news37/33737.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

    猜你还喜欢下面的内容

    网站收录知识

    行业网站建设