输出到前端JSON的三种格局,JS对象与json字符串格式

先是种:利用MODEL拼成要出口JSON的靶子。再用JSON.NET转成JSON输出到前者(这种常用,就不举例了。)

  本文意在介绍假诺经过C#将收获到的XML文书档案转换到对应的JSON格式字符串,然后将其出口到页前面端,以供JavaScript代码解析选取。恐怕你能够直接运用JavaScript代码通过Ajax的措施来读取XML,然后间接对里面包车型大巴剧情开始展览解析,那样大概更直白一些。但本文中提交的代码目的在于认证怎么着通过原生的C#代码来成功这一更换。除此之外,你还是能借用一些第一方类库也许更尖端部分的.NET库对象来进行转换。大家来探视这里介绍的一些较为简单的情势,但前提是你必须拥有可帮衬的类库和指标以备使用。

澳门葡京备用网址 1澳门葡京备用网址 2

Json.NET,提供一对一完整的文书档案之外,还提供了 LINQ to JSON 的 LINQ Provider
能够更有利的读取JSON 对象,现在将可比往常用更自在的情势用 .NET编写 JSON
相关的先后了,Json.NET有下列特征:

第二种:利用table拼成JSON数据格式,再用JSON.NET转成JSON输出到前端:

  • 使用Json.NET类库
 1 <head>
 2     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 3     <title></title>
 4     <script type="text/javascript">
 5         var obj = new Object();
 6         obj.Name = "八戒"
 7         obj.Age = 500;
 8 
 9         //通过字面量的形式来定义对象
10         var obj1 = { "Name": "八戒", "Age": "500" };
11         var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];
12 
13         //JSON格式:将json的字面量表示形式,当做字符串存放,则为json格式字符串
14         var str = '{ "Name": "八戒", "Age": "500" }';
15         var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];';
16         
17         //将json字符串转换成js对象(数组)
18         var resobj = JSON.parse(str);
19         alert(resobj.Name);
20 
21     </script>
22 </head>
23 <body>
24 </body>
25 </html>
  1. 支持 LINQ to JSON
  2. 扶助Silverlight :Json.NET 提供贰个 Newtonsoft.Json.Silverlight.dll 
    组件,可供 Silverlight 项目进入引用使用
  3. 快速的 JsonReader 与 JsonWriter 对象
  4. 可透过 JsonSerializer 轻易且高效的转移你现有的 .NET 对象为 JSON
    格式(也可从 JSON 格式转回 .NET对象)
  5. Json.NET 也可帮你将 JSON 字符串格式化成有缩排的格式, 方便除错与调节
  6. 可铺排 JsonIgnore 与 JsonProperty
    属性(Attribute)到您的对象中,用于指明对象要什么类别化
  7. 能够将 JSON 转成 XML 格式,也可将 XML 转成 JSON 格式

          

  前提是索要首先下载和安装Json.NET类库,在此地能够找到

jsobAndJson

可以从Json.NET CodePlex Project上下载

  dt = new DataTable();

            dt.Columns.Add(new DataColumn("列头",typeof(string)));
            dt.Columns.Add(new DataColumn("object", typeof(object)));

            DataRow dr = dt.NewRow();
            dr[0] = "abc";

            DataTable dt2 = dt.Clone();
            dt2.Columns.Add("defaultdata", typeof(string));
            DataRow dr2 = dt2.NewRow();
            dr2[0] = "defgijk";
            dr2["defaultdata"] = "cccc";
            dt2.Rows.Add(dr2);

            dr[1] = dt2;

            dt.Rows.Add(dr);

            GridView1.DataSource = dt.Rows[0][1];
            GridView1.DataBind();

            Label1.Text = JsonConvert.SerializeObject(dt);

  下边是八个例证:

 在前者js对象和json对象的互转:

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Xml;
using Newtonsoft.Json;

namespace JSonConverter
{
    class Program
    {
        static void Main(string[] args)
        {
            string xml = "<Test><Name>Test class</Name><X>100</X><Y>200</Y></Test>";

            XmlDocument doc = new XmlDocument();
            doc.LoadXml(xml);
            string json = Newtonsoft.Json.JsonConvert.SerializeXmlNode(doc);

            Console.WriteLine("XML -> JSON: {0}", json);
            Console.ReadLine();

        }
    }
}

输出到前端JSON的三种格局,JS对象与json字符串格式。① 、JS对象转换成为JSON

其二种:用JSON.net自带的JOBJECT,拼成JSON格式,转成JSON在前者输出:

  • 使用.NET
    Framework中的JavaScriptSerializer.aspx)类

处理:引用1个json2.js文件,调用JSON.stringify()方法。例如:var data =
new Object(); var json_data = JSON.stringify(data);

    

  首先须求确定保障您的工程或服务器扶助.NET
4.0或以上版本的Framework,不然不能够找到此类。

 

JObject obj = new JObject();
    obj.Add(new JProperty("Status", "S"));
    obj.Add(new JProperty("TotalCount", totalCount));
    JArray array = new JArray();
    if (result != null)
    {
    foreach (var item in result)
    {    
    array.Add(
    new JObject(
    new JProperty("X", item.X)
    , new JProperty(" XX", item.XX)
    , new JProperty("XXX", item.XXX)
    , new JProperty("Xxxxx", item.XXXX)
    , new JProperty("xxxxxxx", item.XXXXX)
    , new JProperty("xxxxxxxxx", item.XXXXXX)
    , new JProperty("xxxxxxxxxxx", item.XXXXXXX)
    , new JProperty("xxxxxxxxxxxxx", item.XXXXXXXX)
    , new JProperty("xxxxxxxxxxxxxxxxx", item.XXXXXXXXX)
    , new JProperty("xxxxxxxxxxxxxxxxxxxx", item.XXXXXXXXXX)
    , new JProperty("xxxxxxxxxxxxxxxxxxxxxxx", item.XXXXXXXXXXX)));
    }
    obj.Add(new JProperty("WorkOrderManagerList", array));
    Response.Write(JsonConvert.SerializeObject(obj));

  上边是贰个例证:

PS:json2.js那些文件在网上搜一下就能下载到。 

 

using System;
using System.Linq;
using System.Web.Script.Serialization;
using System.Xml.Linq;

class Program
{
    static void Main()
    {
        var xml = 
        @"<Columns>
          <Column Name=""key1"" DataType=""Boolean"">True</Column>
          <Column Name=""key2"" DataType=""String"">Hello World</Column>
          <Column Name=""key3"" DataType=""Integer"">999</Column>
        </Columns>";
        var dic = XDocument
            .Parse(xml)
            .Descendants("Column")
            .ToDictionary(
                c => c.Attribute("Name").Value, 
                c => c.Value
            );
        var json = new JavaScriptSerializer().Serialize(dic);
        Console.WriteLine(json);
    }
}

② 、JSON转换来为JS

 第二种:利用array数组和hashtable拼成JSON格式,转成JSON在前者输出:

  其出口结果为:{"key1":"True","key2":"Hello World","key3":"999"}

1.甩卖:用jQuery的2个主意$.parseJSON()将JSON格式的多少转成JS对象。例如:var
json_data = $.getJSON(); var data = $.parseJSON(json_data);
(可用来成转换js数组)

    

  恐怕还会有越来越多的章程,那里不一一列出了。那么什么样使用原生的C#代码将XML转换来JSON格式字符串呢?也许说该C#代码在较低版本的.NET
Framework中也足以运营吧?来探望上边包车型客车牵线吧。

2.将json转换到js对象的不二法门:var json = eval(‘(‘ + result + ‘)’); 

 ArrayList eventList = new ArrayList();

     Hashtable hx = new Hashtable();
     hx.Add("eventid", 1);
          hx.Add("eventname", "圣诞节");
       hx.Add("eventdate", "2018-08-25");
       hx.Add("eventlocation", "公司会议中心");

       for (int i = 0; i < 3; i++)
      {
      Hashtable ht = new Hashtable();
      ht.Add("eventid", i + 1);
      ht.Add("eventname", "圣诞节");
      ht.Add("eventdate", hx);
      ht.Add("eventlocation", "公司会议中心");
      eventList.Add(ht);
     }
    JavaScriptSerializer ser = new JavaScriptSerializer();
    String jsonStr = ser.Serialize(eventList);
    Response.Write(jsonStr);

Introduction

经过地方这一个表明式,就完事了将劳动器端响应给客户端的Json格式的字符串解析成了2个Json(格式的)对象,名称为“json”,通过“json.”可能“json[]”的情势便可进展多少访问。

 

  JSON是二个轻量级的数据交流格式,它可以格外不难地被页面包车型客车JavaScript编码为目的的格局,从而方便数据操作。

 

  基于AJAX的页面使用XmlHttpRequest目的从服务端接收数据来响应用户的请求,当重回的多寡是XML格式时,它能够被转移为JSON格式的字符串从而通过JavaScript越发简单地对数码进行处理。

在后台对js对象和json对象的互转:

  许多应用程序都将数据存款和储蓄为XML的格式,而且会将数据以JSON的格式发送到客户端以做越来越处理。要贯彻那点,它们必须将XML格式转换为JSON格式。下边包车型大巴ASP.NET
C#代码达成了这一经过。

 

Code Description

 .NET Framework
4在System.Runtime.Serialization中。利用JavaScriptSerializer类对数码举办种类化和反种类化

  代码中提供了三个办法XmlToJSON,能够用来将XmlDocument指标转换为JSON字符串。代码通过迭代每1个XML节点、属性以及子节点,来创设对应的JSON对象。

栗子:

  • 代码不会扭转数字和布尔类型的值
  • Xml
    DocumentElement对象始终会被转换为JSON对象的member:object,它遵从下边那些规则。
  • 节点的品质会被对应地变换为JSON对象的成员”attr_name”:”attr_value”。如:

    XML JSON
    <xx yy=’nn’></xx> { "xx" : { "yy" : "nn" } }
    <xx yy=”></xx> { "xx" : { "yy" : "" } }
  • 从未有过子节点、属性和剧情的节点被撤换为成员”child_name”:null

    XML JSON
    <xx/> { "xx" : null }
  • 尚无子节点和天性,但是有内容的节点被转换为成员”child_name”:”child_text”

    XML JSON
    <xx>yyy</xx> { "xx" : "yyy" }
  • 别的节点和性质会被妥贴地变换为”child_name”:对象或然”child_name”:[elements]目的数组,节点的值会被撤换为对象成员的”value”,如:

    XML JSON
    <xx yy=’nn’><mm>zzz</mm></xx> { "xx" : { "yy" : "nn", "mm" : "zzz" } }
    <xx yy=’nn’><mm>zzz</mm><mm>aaa</mm></xx> { "xx" : { "yy" : "nn", "mm" : [ "zzz", "aaa" ] } }
    <xx><mm>zzz</mm>some text</xx> { "xx" : { "mm" : "zzz", "value" : "some text" } }
    <xx value=’yyy’>some text<mm>zzz</mm>more text</xx> { "xx" : { "mm" : "zzz", "value" : [ "yyy", "some text", "more text" ] } }
  • 字符会被拉萨地转换为JSON字符串。注意该转换不会确认保证你的JavaScript代码不会面临其余注入攻击,如若中间的始末出自于一段不安全的XML数据源的话。下边这些事例演示了字符的转义:

    XML JSON
    <aa>/z’z”z\yyy</aa> { "aa" : "\/z\u0027z\”z\\yyy" }
//将param反序列列list集合
List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);

  
在好几特殊的条件下,例如上边包车型客车代码,可能需求你协调对反斜线进展转义。

  

string JSON = XmlToJSON(doc);
JSON = JSON.Replace(@"\", @"\\");

 

  注意,在页面上利用别的未经济检察查的XML数据时都会设有安全隐患。

Example

XML输入:

<space name="Cake Collage">
<frame>
  <photo img="cakecollage1.jpg" />
  <text string="Browse my cake space" />
  <rule type="F" img="cakecollage9.jpg" x="150" y="0" w="300" h="250" />
  <rule type="F" img="cakecollage2.jpg" x="0" y="0" w="150" h="220" />
</frame>
<frame>
  <photo img="cakecollage2.jpg" />
  <rule type="B" img="cakecollage1.jpg" />
  <rule type="L" img="cakecollage3.jpg" />
</frame>
</space>

JSON输出(对代码举办了格式化):

{ "space":
  { "name": "Cake Collage",
    "frame": [ {"photo": { "img": "cakecollage1.jpg" },
                "rule": [ { "type": "F",
                            "img": "cakecollage9.jpg",
                            "x": "150",
                            "y": "0",
                            "w": "300",
                            "h": "250"
                          }, 
                          { "type": "F",
                            "img": "cakecollage2.jpg",
                            "x": "0",  
                            "y": "0",  
                            "w": "150",  
                            "h": "220" 
                          }
                        ],
                "text": { "string": "Browse my cake space" }
               },
               {"photo": { "img": "cakecollage2.jpg" },
                "rule": [ { "type": "B", "img": "cakecollage1.jpg" },
                          { "type": "L",  "img": "cakecollage3.jpg" }
                        ]
               }
             ]
  }
}

  一旦JSON字符串被定义为3个JavaScript对象,如space_DOM,大家便足以在JavaScript代码中动用上边那几个指标和性质:

  • space_DOM.space.name
  • space_DOM.space.frame.length
  • space_DOM.space.frame[0].text.string
  • space_DOM.space.frame[0].rule[0].type

  你的JavaScript代码应该能够13分灵活地回答各个处境,如成员不存在、成员只含有value、或成员是三个数组。上边这么些函数能够将兼具的分子转换成二个数组,从而答应种种分歧的情景。

function ObjectToArray( obj)
{
    if( !obj) return new Array();
    if( !obj.length) return new Array(obj);
    return obj;
}

space_DOM.space.frame = ObjectToArray(space_DOM.space.frame);

XmlToJSON C# code

  上面给出对应的C#源代码,通过传播的XmlDocument指标将其更换为相应的JSON格式字符串。

private static string XmlToJSON(XmlDocument xmlDoc)
{
    StringBuilder sbJSON = new StringBuilder();
    sbJSON.Append("{ ");
    XmlToJSONnode(sbJSON, xmlDoc.DocumentElement, true);
    sbJSON.Append("}");
    return sbJSON.ToString();
}

//  XmlToJSONnode:  Output an XmlElement, possibly as part of a higher array
private static void XmlToJSONnode(StringBuilder sbJSON, XmlElement node, bool showNodeName)
{
    if (showNodeName)
        sbJSON.Append("\"" + SafeJSON(node.Name) + "\": ");
    sbJSON.Append("{");
    // Build a sorted list of key-value pairs
    //  where   key is case-sensitive nodeName
    //          value is an ArrayList of string or XmlElement
    //  so that we know whether the nodeName is an array or not.
    SortedList childNodeNames = new SortedList();

    //  Add in all node attributes
    if( node.Attributes!=null)
        foreach (XmlAttribute attr in node.Attributes)
            StoreChildNode(childNodeNames,attr.Name,attr.InnerText);

    //  Add in all nodes
    foreach (XmlNode cnode in node.ChildNodes)
    {
        if (cnode is XmlText)
            StoreChildNode(childNodeNames, "value", cnode.InnerText);
        else if (cnode is XmlElement)
            StoreChildNode(childNodeNames, cnode.Name, cnode);
    }

    // Now output all stored info
    foreach (string childname in childNodeNames.Keys)
    {
        ArrayList alChild = (ArrayList)childNodeNames[childname];
        if (alChild.Count == 1)
            OutputNode(childname, alChild[0], sbJSON, true);
        else
        {
            sbJSON.Append(" \"" + SafeJSON(childname) + "\": [ ");
            foreach (object Child in alChild)
                OutputNode(childname, Child, sbJSON, false);
            sbJSON.Remove(sbJSON.Length - 2, 2);
            sbJSON.Append(" ], ");
        }
    }
    sbJSON.Remove(sbJSON.Length - 2, 2);
    sbJSON.Append(" }");
}

//  StoreChildNode: Store data associated with each nodeName
//                  so that we know whether the nodeName is an array or not.
private static void StoreChildNode(SortedList childNodeNames, string nodeName, object nodeValue)
{
    // Pre-process contraction of XmlElement-s
    if (nodeValue is XmlElement)
    {
        // Convert  <aa></aa> into "aa":null
        //          <aa>xx</aa> into "aa":"xx"
        XmlNode cnode = (XmlNode)nodeValue;
        if( cnode.Attributes.Count == 0)
        {
            XmlNodeList children = cnode.ChildNodes;
            if( children.Count==0)
                nodeValue = null;
            else if (children.Count == 1 && (children[0] is XmlText))
                nodeValue = ((XmlText)(children[0])).InnerText;
        }
    }
    // Add nodeValue to ArrayList associated with each nodeName
    // If nodeName doesn't exist then add it
    object oValuesAL = childNodeNames[nodeName];
    ArrayList ValuesAL;
    if (oValuesAL == null)
    {
        ValuesAL = new ArrayList();
        childNodeNames[nodeName] = ValuesAL;
    }
    else
        ValuesAL = (ArrayList)oValuesAL;
    ValuesAL.Add(nodeValue);
}

private static void OutputNode(string childname, object alChild, StringBuilder sbJSON, bool showNodeName)
{
    if (alChild == null)
    {
        if (showNodeName)
            sbJSON.Append("\"" + SafeJSON(childname) + "\": ");
        sbJSON.Append("null");
    }
    else if (alChild is string)
    {
        if (showNodeName)
            sbJSON.Append("\"" + SafeJSON(childname) + "\": ");
        string sChild = (string)alChild;
        sChild = sChild.Trim();
        sbJSON.Append("\"" + SafeJSON(sChild) + "\"");
    }
    else
        XmlToJSONnode(sbJSON, (XmlElement)alChild, showNodeName);
    sbJSON.Append(", ");
}

// Make a string safe for JSON
private static string SafeJSON(string sIn)
{
    StringBuilder sbOut = new StringBuilder(sIn.Length);
    foreach (char ch in sIn)
    {
        if (Char.IsControl(ch) || ch == '\'')
        {
            int ich = (int)ch;
            sbOut.Append(@"\u" + ich.ToString("x4"));
            continue;
        }
        else if (ch == '\"' || ch == '\\' || ch == '/')
        {
            sbOut.Append('\\');
        }
        sbOut.Append(ch);
    }
    return sbOut.ToString();
}

Using XmlToJSON

澳门葡京备用网址,  下边包车型大巴代码演示了哪些在ASP.NET
2的页面中采纳XmlToJSON()办法。页面上应用了ClientScriptManager指标来作为JavaScript代码的容器。当然,你完全能够行使其余任何方法将所更换的JSON字符串放到前端页面上。通过上面的代码,程序在前端页面上调用二个名为space_processJSON的JavaScript函数,并将JSON字符串作为参数字传送递给它。

protected void Page_Load(object sender, EventArgs e)
{
    XmlDocument doc = new XmlDocument();
    try
    {
        string path = Server.MapPath(".");
        doc.Load(path+"whatever.xml");
    }
    catch (Exception ex)
    {
        lblError.Text = ex.ToString();
        return;
    }

    // Convert XML to a JSON string
    string JSON = XmlToJSON(doc);

    // Replace \ with \\ because string is being decoded twice
    JSON = JSON.Replace(@"\", @"\\");

    // Insert code to process JSON at end of page
    ClientScriptManager cs = Page.ClientScript;
    cs.RegisterStartupScript(GetType(), "SpaceJSON", "space_processJSON('" + JSON + "');", true);
}

  来看看前端页面上定义的这些JavaScript函数的具体内容。

<script src="space/json.js" type="text/javascript"></script>

<script type="text/javascript">
function space_processJSON( JSON)
{
    space_DOM = JSON.parseJSON();
    if( !space_DOM)
    {
        alert("JSON decode error");
        return;
    }
    space_DOM.space.frame = ObjectToArray(space_DOM.space.frame);
    space_frameCount = space_DOM.space.frame.length;
    //.. or whatever
}
</script>

  原版的书文出处:《How to convert XML to JSON in ASP.NET
C#》

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website