c#中的Ajax上手篇－－－JSON的传送与接收

本篇文章主要介绍如何在Ajax的客户端与服务端之间传送JSON格式的数据。那么我们先来说说什么是JSON吧。

JSON，即是JavaScript对象标记法，英文名称是JavaScript Object Notation，简称JSON

，是 JavaScript Programming Language,
Standard
ECMA-262 3rd Edition - December 1999
的子集合，是从JavaScript的object initializer扩展而来的一种文本格式标记法，是作为数据交换之用的。

相对于XML，JSON在表示资料时更加简洁，例如一个表示帐户的资料，XML中可能表示：

<account>
<number>123456</number>
<name>Justin</name>
<balance>1000</balance>
</account>

而使用JSON可以这样表示：

var account = {
number : "123456",
name: "Justin",
balance: "1000"
};

下面举一个例子说明。

例如你可以把JSON表示法以POST发送至服务端，例如：

var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function prepareJSON() {
var firstname = document.getElementById("FirstName").value;
var lastname = document.getElementById("LastName").value;
var person = new Object();
person.FirstName = firstname;
person.LastName = lastname;
return person.toJSONString();
}
function handleAccount() {
var json = prepareJSON();
var url = "Handler1.ashx?timeStamp" + new Date().getTime();
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("POST", url);
xmlHttp.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
xmlHttp.send(json);
}
function handleStateChange() {

if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
document.getElementById("response").innerHTML = xmlHttp.responseText;
var json = eval('(' + xmlHttp.responseText + ')');
}
}
}

这个这个程序简单地将用户姓名包装成一个对象，并使用toJSONString()将之转换为JSON格式，之后POST至服务端。在服务端的程序如下所示：

Handler1中的中ProcessRequest代码如下：

public void ProcessRequest(HttpContext context)
{
HttpRequest request = context.Request;
Stream stream = request.InputStream;
string json = string.Empty;
string responseJson = string.Empty;
if (stream.Length != 0)
{
StreamReader streamReader = new StreamReader(stream);
json = streamReader.ReadToEnd();
Person person = JSONHelper.Deserialize<Person>(json);
person.FirstName = "FN";
person.LastName = "LN";
responseJson = JSONHelper.Serialize<Person>(person);
}
if (!string.IsNullOrEmpty(responseJson))
{
context.Response.ContentType = "text/plain";
context.Response.ContentType = "UTF-8";
context.Response.Write(responseJson);
}
}

另外，在服务端还需要对客户端传过来的JSON数据进行反序列化为一个Person对象实例，序列化与反序列化代码如下：

using System.Runtime.Serialization;
using System.Runtime.Serialization.Json;
using System.IO;
using System.Text;
public class JSONHelper
{
public static string Serialize<T>(T obj)
{
DataContractJsonSerializer serializer = new DataContractJsonSerializer(obj.GetType());
MemoryStream ms = new MemoryStream();
serializer.WriteObject(ms, obj);
string retVal = Encoding.Default.GetString(ms.ToArray());
return retVal;
}
public static T Deserialize<T>(string json)
{
MemoryStream ms = new MemoryStream(Encoding.Unicode.GetBytes(json));
DataContractJsonSerializer serializer = new DataContractJsonSerializer(typeof(T));
T obj = (T)serializer.ReadObject(ms);
ms.Close();
return obj;
}
}

此外，需要一个简单的Person类的定义，

using System.Runtime.Serialization;
namespace HelloAjaxJson
{
[DataContract]
public class Person
{
public Person() { }
public Person(string firstname, string lastname)
{
this.FirstName = firstname;
this.LastName = lastname;
}
[DataMember]
public string FirstName { get; set; }
[DataMember]
public string LastName { get; set; }
}
}