Home > Developer > JavaScript

A summary of Json

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Json is generally used for a small amount of data processing. The format is simple and easy to operate, and javascript supports the processing of Json format. Therefore, we recommend that you use

The Json format is as follows: {"id": "1", "name": "abc"} or [{"id": "1", "name ": "abc" },{ "id": "1", "name": "abc"}]

Below are several methods to explain Json format in js:

 
 
    
  
  
  1. eval('('+Json+')') 
    2.

Why do you write this statement in JavaScript? The expression statement cannot start with braces ({). If you do this, it will be confused with the block statement. to solve this problem, parentheses must be added when eval () is used to parse JSON text. parentheses are used as grouping operators to search for expressions enclosed in parentheses.

 
 
    
  
  
  1. var strJSON= (new Function("return " + Json))(); 
    2.

Use the creation method to explain Json

 
 
    
  
  
  1. var strJSON= JSON.parse(Json); 
    2.

Note: Double quotation marks must be added for key-value pairs in Json format. Otherwise, Json format cannot be interpreted.

Instance

Json. aspx page

 
 
    
  
  
  1. <% @ Page Language = "C #" AutoEventWireup = "true" CodeBehind = "Json. aspx. cs" Inherits = "web. javascript. Json. Json" %>
    2. 
  
  
  2. <! DOCTYPE html>
    3. 
  
  
  3. <Html xmlns = "http://www.w3.org/1999/xhtml">
    4. 
  
  
  4. <Head runat = "server">
    5. 
  
  
  5. <Title> </title>
    6. 
  
  
  6. </Head>
    7. 
  
  
  7. <Body>
    8. 
  
  
  8. <Form id = "form1" runat = "server">
    9. 
  
  
  9. <Div id = "div1">
    10. 
  
  
  10. </Div>
    11. 
  
  
  11. <Input type = "button" id = "btn" value = "but"/>
    12. 
  
  
  12. </Form>
    13. 
  
  
  13. <Script type = "text/javascript" src = "http://www.cnblogs.com/script/jquery-1.7.1.min.js"> </script>
    14. 
  
  
  14. <Script type = "text/javascript">
    15. 
  
  
  15. // Process Json objects Asynchronously
    16. 
  
  
  16. $ ("# Btn"). click (function (){
    17. 
  
  
  17. $. Ajax ({
    18. 
  
  
  18. Url: "Json. ashx ",
    19. 
  
  
  19. Type: "post ",
    20. 
  
  
  20. Data: {id: "123 "},
    21. 
  
  
  21. Datatype: "Json ",
    22. 
  
  
  22. Success: function (data ){
    23. 
  
  
  23. Var strData = data;
    24. 
  
  
  24. Alert ("1 -----------");
    25. 
  
  
  25. Var str1 = eval ("(" + data + ")"); // The first js interpretation Json
    26. 
  
  
  26. Alert ("2 -----------");
    27. 
  
  
  27. Var str2 = (new Function ("return" + strData) (); // The second js interpretation Json
    28. 
  
  
  28. Alert (str2.id + "@" + str2.name );
    29. 
  
  
  29. Alert ("3 -----------");
    30. 
  
  
  30. Var str3 = JSON. parse (strData );
    31. 
  
  
  31. Alert (str3.id + "@" + str3.name );
    32. 
  
  
  32. // Process multi-dimensional Json
    33. 
  
  
  33. Var strSs = "";
    34. 
  
  
  34. Alert (str1.length );
    35. 
  
  
  35. For (var I = 0; I <str1.length; ++ I ){
    36. 
  
  
  36. StrSs + = str1 [I]. id + "@" + str1 [I]. name + "";
    37. 
  
  
  37. }
    38. 
  
  
  38. Alert (strSs );
    39. 
  
  
  39. },
    40. 
  
  
  40. Error: function (xhr, data, ts ){
    41. 
  
  
  41. Alert (data );
    42. 
  
  
  42. }
    43. 
  
  
  43. });
    44. 
  
  
  44. });
    45. 
  
  
  45. </Script>
    46. 
  
  
  46. </Body>
    47. 
  
  
  47. </Html>
    48. 
  
  
  48. Json. ashx Handler
    49. 
  
  
  49. Using System;
    50. 
  
  
  50. Using System. Collections. Generic;
    51. 
  
  
  51. Using System. Linq;
    52. 
  
  
  52. Using System. Web;
    53. 
  
  
  53. Using System. Web. Services;
    54. 
  
  
  54. Namespace web. javascript. Json
    55. 
  
  
  55. {
    56. 
  
  
  56. /// <Summary>
    57. 
  
  
  57. /// $ Codebehindclassname $ abstract description
    58. 
  
  
  58. /// </Summary>
    59. 
  
  
  59. [WebService (Namespace = "http://tempuri.org/")]
    60. 
  
  
  60. [WebServiceBinding (ConformsTo = WsiProfiles. BasicProfile1_1)]
    61. 
  
  
  61. Public class Json1: IHttpHandler
    62. 
  
  
  62. {
    63. 
  
  
  63. Public void ProcessRequest (HttpContext context)
    64. 
  
  
  64. {
    65. 
  
  
  65. Context. Response. ContentType = "text/plain ";
    66. 
  
  
  66. // Multidimensional
    67. 
  
  
  67. String strJSONs = "[{\" id \ ": 1, \" name \ ": \" 11 \ "},{ \" id \ ": 2, \ "name \": \ "22 \" },{ \ "id \": 3, \ "name \": \ "33 \"}] ";
    68. 
  
  
  68. // One-dimensional
    69. 
  
  
  69. // String strJSONs = {\ "id \": \ "123 \", \ "name \": \ "qwe \"}
    70. 
  
  
  70. Context. Response. Write (strJSONs );
    71. 
  
  
  71. Context. Response. End ();
    72. 
  
  
  72. }
    73. 
  
  
  73. Public bool IsReusable
    74. 
  
  
  74. {
    75. 
  
  
  75. Get
    76. 
  
  
  76. {
    77. 
  
  
  77. Return false;
    78. 
  
  
  78. }
    79. 
  
  
  79. }
    80. 
  
  
  80. }
    81. 
  
  
  81. }
    82.

The above is my summary in the actual project. I hope to help you and give more advice.

Address of this Article:Http://www.cnblogs.com/snakeraining/archive/2012/03/26/2418519.html

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
bank of america configurar contrase a json array of arrays json array of strings list of cities json example of json string json array of objects json representation of map

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More