Extjs和Asp.NET后台的数据交互（一） => Newtonsoft.Json 使用简介

 

JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

 

在Extjs框架前台 + ASP.NET的开发中，后台数据需要首先转换为JSON 格式，才能更方便快捷的与Extjs前台的交互，

这里首先推荐使用Newtonsoft.Json库，Newtonsoft.Json可以方便的让我们用.Net环境生成前台需要的各种JSON数据格式

 

先将简单的时候配置及方式归纳如下：

我使用的版本为Json.NET 3.5 Release 5

 

①下载

地址 ： http://www.codeplex.com/Json，需要同意一下，^_^

 

②配置

下载解压缩之后文件夹中有Bin和Src连个目录，

Src是Newtonsoft.Json的源代码，有兴趣可以研究一下。

bin目录下的versions.txt记录了我们所需要的各种版本的dll位置

 

这里以.net3.5 SP1为例

我们将Bin/DotNet目录下的Newtonsoft.Json.dll以及Newtonsoft.Json.xml两个文件

拷贝到我们自己的WebSite的Bin目录下，就完成可以使用了

 

③简单的应用

 

JsonTextWriter StringWriter sw = new StringWriter(); JsonTextWriter writer = new JsonTextWriter(sw); writer.WriteStartObject(); writer.WritePropertyName("results"); writer.WriteValue(5); writer.WritePropertyName("rows"); writer.WriteStartArray(); for (int i = 0; i < 5; i++) { writer.WriteStartObject(); writer.WritePropertyName("id"); writer.WriteValue("ID" + i.ToString()); writer.WritePropertyName("name"); writer.WriteValue("name" + i.ToString()); writer.WritePropertyName("descn"); writer.WriteValue("descn" + i.ToString()); writer.WriteEndObject(); } writer.WriteEndArray(); writer.WriteEndObject(); writer.Flush(); string jsonText = sw.GetStringBuilder().ToString(); /*结果为一个Extjs的DataGrid常用的数据格式 {"results":5,"rows":[ * {"id":"ID0","name":"name0","descn":"descn0"}, * {"id":"ID1","name":"name1","descn":"descn1"}, * {"id":"ID2","name":"name2","descn":"descn2"}, * {"id":"ID3","name":"name3","descn":"descn3"}, * {"id":"ID4","name":"name4","descn":"descn4"}]} */

 

 JsonConvert 有类如下 public class Product { public Product() { } public string Name { get; set; } public decimal Price { get; set; } public string[] Size; } //List做成，并处理为Json格式 List<Product> lst = new List<Product>(); for (int i = 0; i < 5; i++) { Product pd = new Product() { Name = "Product" + i.ToString(), Price = 3.99M, Size = new string[] { "XXL", "XL", "LL" } }; lst.Add(pd); } string json = JsonConvert.SerializeObject(lst); /*结果如下 * [ * {"Size":["XXL","XL","LL"],"Name":"Product0","Price":3.99}, * {"Size":["XXL","XL","LL"],"Name":"Product1","Price":3.99}, * {"Size":["XXL","XL","LL"],"Name":"Product2","Price":3.99}, * {"Size":["XXL","XL","LL"],"Name":"Product3","Price":3.99}, * {"Size":["XXL","XL","LL"],"Name":"Product4","Price":3.99} * ] * /