zoukankan      html  css  js  c++  java
  • json格式

    JSON 语法:

    • 数据在名称/值对中
    • 数据由逗号分隔
    • 花括号保存对象
    • 方括号保存数组

    js下 json格式

    格式1、一个对象

    var json= { "firstName":"John" , "lastName":"Doe" }

    格式2、多个对象

    var employees = [
    { "firstName":"Bill" , "lastName":"Gates" },
    { "firstName":"George" , "lastName":"Bush" },
    { "firstName":"Thomas" , "lastName": "Carter" }
    ];
    var name= employees[0].lastName;//获取值
    employees[0].lastName = "Jobs";//修改值
    
    

    格式3、对象 "employees" 是包含三个对象的数组

    var txt = '{ "employees" : [' +
    '{ "firstName":"Bill" , "lastName":"Gates" },' +
    '{ "firstName":"George" , "lastName":"Bush" },' +
    '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';

    格式4、杂揉对象

    var testJson = {                      
                                "Name" :      "奥巴马" ,
                                "ByName" :    ["小奥","小巴","小马"],
                                "Education" : {
                                               "GradeSchool" :  "华盛顿第一小学",
                                               "MiddleSchool" : ["华盛顿第一初中" , "华盛顿第一高中"],
                                               "University" :  { 
                                                                  "Name" : "哈佛大学",
                                                                  "Specialty" : ["软件工程","会计"]
                                                                }
                                          }
                            }

    c# 下的json字符串

    string testJson = "{"Name" : "奥巴马","ByName" : ["小奥","小巴","小马"],"Education":{"GradeSchool" : "华盛顿第一小学","MiddleSchool" : ["华盛顿第一初中" , "华盛顿第一高中"], "University" :{ "Name" : "哈佛大学", "Specialty" : ["软件工程","会计"]}}}";

    栗子1:

    事先定义好一个类

     public class CatalogCustom
        {
            public string CatalogID { get; set; }
            public string DisplayName { get; set; }
        }

    js下拼好正确的json字符串格式

      $("[name=checkCatalog]").click(function(){
                    var CatalogID=$(this).val();
                    var DisplayName=$(this).attr("tag");
                    var json='{"CatalogID":"'+CatalogID+'","DisplayName":"'+DisplayName+'"}';
                    $.post("/GoWhere/AddCatalogOnly",{jsonStr:json},function(){
                    
                    
                    },"Text");
             
                });

    post到后台用string类型接收

        public ActionResult AddCatalogOnly(string jsonStr)
            {
                CatalogCustom catalogCustom= SerializeHelper.DeserializeFromJson<CatalogCustom>(jsonStr);
    
                return View();
            }

    栗子2:

    有时候我们会提交多组数据,此时我们可以用list集合来接收前台提交过来的数据,同时我们也要注意这种情况下前台json数据的拼接格式(上一个栗子可以看做是一个json字符串对象,现在则是多个json对象的字符串)

    前台js:

     $("#catalogSave").click(function(){
                    var array=[];
                    $("[name=checkCatalog]:checked").each(function(i,u){
                        var CatalogID=$(u).val();
                        var DisplayName=$(u).attr("tag");
                        array.push('{"CatalogID":"'+CatalogID+'","DisplayName":"'+DisplayName+'"}');  
                    });
    
    
                    $.post("/GoWhere/AddCatalog",{str:"["+array.join(",")+"]"},function(msg){                
                        if(msg=="ok"){
                            alert("编辑成功");
                            window.location.href="/GoWhere/GoWhereIndexLogin";
                        }else{
                            alert("编辑失败");
                        }
                    },"text");
                });

    后台c#:

       public ActionResult AddCatalog(string str)
            {
                List<CatalogCustom> list = SerializeHelper.DeserializeFromJson<List<CatalogCustom>>(str);
                int uid = SystemManager.GetUID(this.Request);
    
                int flag = GoWhereList.Instance.EditorProductUserLovesByUid(uid, list);
                if (flag > 0)
                {
                    return this.Content("ok");
                }
                else
                {
                    return this.Content("ok");
                }
            }

    栗子3:后台传给前台json字符串,eval() 可用于将 JSON 文本转换为 JavaScript 对象

    var txt = '{"employees":[' + '{"firstName":"Bill","lastName":"Gates" },' + '{"firstName":"George","lastName":"Bush" },' + '{"firstName":"Thomas","lastName":"Carter" }]}';

    var obj = eval ("(" + txt + ")");

    document.getElementById("fname").innerHTML=obj.employees[1].firstName

    document.getElementById("lname").innerHTML=obj.employees[1].lastName

    First Name: George
    Last Name: Bush

    栗子4:json对象转换成json字符串

     var o = { name: "张三", age: 24 };
     var str = JSON.stringify(o);

     栗子5:

    创建包含 JSON 语法的 JavaScript 字符串:

    var txt = '{ "employees" : [' +
    '{ "firstName":"Bill" , "lastName":"Gates" },' +
    '{ "firstName":"George" , "lastName":"Bush" },' +
    '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
    

    由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

    eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。必须把文本包围在括号中,这样才能避免语法错误:

    var obj = eval ("(" + txt + ")");

    在网页中使用 JavaScript 对象:

    <p>
    First Name: <span id="fname"></span><br />
    Last Name: <span id="lname"></span><br />
    </p>
    
    <script type="text/javascript">
    document.getElementById("fname").innerHTML = obj.employees[1].firstName
    document.getElementById("lname").innerHTML = obj.employees[1].lastName
    </script>

     字典转Json

    string json = (new System.Web.Script.Serialization.JavaScriptSerializer()).Serialize(dic);

  • 相关阅读:
    ubuntu系统里常用的几个命令
    Vue中常用知识点demo
    Vue基础知识学习(后端)
    ubuntu内lnmp相关操作命令
    linux下安装lnmp集成环境
    js时间戳与日期格式之间相互转换
    yii2中 选择布局的方式,可以设置不使用布局
    yii2中通过migration创建数据表
    php实现支付宝在线支付和扫码支付demo
    linux下添加用户并将文件夹授权给某一个用户
  • 原文地址:https://www.cnblogs.com/xbblogs/p/4945877.html
Copyright © 2011-2022 走看看