您的位置：首页 > Web前端 > JavaScript

ExtJs WebService Json序列化(扩展JavaScriptSerializer类)

2008-02-21 10:46 417 查看

今天我们来探讨一下关于使用JavaScriptSerializer的Serialize方法进行Json序列化.

在这里我们要用到反射,所以,对于反射也可以顺便学习一下.

注意,我这里是用Vs2008来编写的,所以Vs2008以前的版本,需要读者自己相应的改一下,~_~!

首先我们创建一个webapplication工程,

添加一个WebService.htm文件,

页面代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

<!--

function getValue()

...{

Ext.Ajax.request(

...{

method:"post",

url:"test.asmx/GetData",

success:ExtSuccess,

headers:...{'Content-Type':'application/json;utf-8'}//在这里一定要指定头信息为json，否则将返回的是XML，而不是Json

}

)

}

function ExtSuccess(result,request)

...{

var textArea = Ext.get('log').dom;

textArea.value += result.responseText + " ";

//Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText);

doJSON(result.responseText);

}

function doJSON(stringData) ...{

try ...{

//这里可能麻烦一点，需要将返回的数据进行两次Json序列化

//第二次转化的对象是stringData.d, d是ExtJs内部定义的属性

var jsonData = Ext.util.JSON.decode(stringData);

jsonData = Ext.util.JSON.decode(jsonData.d);

for(var i in jsonData)

...{

alert(i+":"+jsonData[i]);

}

catch (err) ...{

}

//-->

</script>

</body>

</html>

然后我们加入要引用的ext-base.js和ext-all.js两个ExtJs文件,这两个文件需要读者到www.extjs.com去下载.

接下来我们创建一个test.asmx文件,代码如下:

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Services.Protocols;

using System.Xml.Linq;

using System.Web.Script.Services;

using System.Collections.Generic;

using System.ServiceModel.Web;

using System.ServiceModel.Dispatcher;

using Component;

namespace WebApplication1

...{

/**//// <summary>

/// test 的摘要说明

/// </summary>

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[ScriptService]

[ToolboxItem(false)]

// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。

public class test : System.Web.Services.WebService

...{

[WebMethod]

public string GetData()

...{

var obj = new ...{ obj = new[] ...{ new ...{ name = "a", id = 1 }, new ...{ name = "b", id = 2 } } };

Dictionary<string, object> dic = new Dictionary<string, object>();

dic.Add("p1",1);

dic.Add("p2",2);

return obj.toJson(new ...{ p1 = 1 }, new ...{ p2 = 2 });

}

接下来创建一个ExtendMethod.cs文件,存放Json序列化的扩展方法

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Web.Script.Serialization;

using System.Collections;

using System.Reflection;

namespace Component

...{

public static class ExtendMethod

...{

/**//// <summary>

/// 返回Json序列

/// parms字典

/// Key:Json对象名

/// Value:Json对象值

/// </summary>

/// <param name="This"></param>

/// <param name="parms">需要加入的对象</param>

/// <returns></returns>

public static string toJson(this object This,Dictionary<string,object> parms)

...{

JavaScriptSerializer json = new JavaScriptSerializer();

var ds = new ...{ source=This};

Dictionary<object,object> dic = new Dictionary<object,object>();

dic.Add("source",This);

foreach (KeyValuePair<string, object> key in parms)

...{

dic.Add(key.Key,key.Value);

}

return json.Serialize(dic);

}

/**//// <summary>

/// 返回Json序列

/// parms:加入的对象将与this对象同级

/// 未完成

/// </summary>

/// <param name="This"></param>

/// <param name="parms">需要加入的对象</param>

/// <returns></returns>

public static string toJson(this object This, params object[] parms)

...{

JavaScriptSerializer json = new JavaScriptSerializer();

Dictionary<string, object> dic = new Dictionary<string, object>();

dic.Add("source", This);

foreach (object i in parms)

...{

Type t = i.GetType();

PropertyInfo[] myproperties = t.GetProperties();

dic.Add(myproperties[0].Name, myproperties[0].GetValue(i, null));

}

return json.Serialize(dic);

}

以上就是全部的代码,至于其用法在注释中已写清楚了.

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航