JSON进阶五-JS和WCF的交互

在园子里看到很多关于AJAX FOR WCF的文章，大多数采用EXT和WCF交互。

但老实说EXT这个东西比较适合应用开发，对于我这种的网站程序员，EXT比较大。

其中涉及到许多知识点，在这里和大家分享下。

至于如何使用AJAX FOR WCF我这里就不说了，园子里有很多类似的文章：

首先，我说一下如何写一个JSON传递形式调用AJAX FOR WCF服务（我这里使用JQuery的ajax为例）：

$.ajax({

type: 'post',

url: '/TdxGridExample/Wcf/Service.svc/Add', //WCF的URL,/Add是指定该WCF的Add方法

contentType: 'text/json',

data: ’{"x":1,"y":2}‘,

success: function(msg) {

alert(msg);

}

});

注：contentType:类型必须设置为text/json,而不是'text/xml' 或 'text/html'

data，必须是json形式字符串：并且要对应后台WCF参数名：

WCF代码：

[OperationContract]

[WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, UriTemplate = "/Add", BodyStyle = WebMessageBodyStyle.WrappedRequest)]

public int Add(int x, int y) {

return x + y;

}

{"x":1,"y":2} 中的x对应Add方法中的第一个参数，而y则对应第二个参数：

例2，关于WCF对象类型参数：

js代码：

function Speak() {

var pople = { p: { name: '张三', sex: 1, birth: JSON2.strToDate('2000-11-11','yyyy-MM-dd')} };

$.ajax({

type: 'post',

url: '/TdxGridExample/Wcf/Service.svc/Speak',

contentType: 'text/json',

data: JSON2.stringify(pople),

success: function(msg) {

alert(msg);

}

});

}

注: wcf的日期类型必须是UTC日期形式的字符串类型, 我在JSON2.js 里扩展了

JSON2.dateFormat('UTC日期格式的字符串,例如：/Date(1304179200000+0800)/'，'日期格式，例如：yyyy-MM-dd');

JSON2.strToDate('2009-11-11'，'yyyy-MM-dd');

互相转换的方法。

{ p: { name: '张三', sex: 1, birth: JSON2.strToDate('2000-11-11','yyyy-MM-dd')} }

p 代表下例WCF的Speak方法中参数，

而name,sex,birth 对应People类中的属性，大小写必须相符。

wcf代码：

[ServiceContract(Namespace = "")]

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]

public class Service

{

[OperationContract]

[WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, UriTemplate = "/Add", BodyStyle = WebMessageBodyStyle.WrappedRequest)]

public int Add(int x, int y)

{

return x + y;

}

[OperationContract]

[WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, UriTemplate = "/Speak", BodyStyle = WebMessageBodyStyle.WrappedRequest)]

public string Speak(People p)

{

string sexCN = p.sex == 1 ? "男" : "女";

return "我叫" + p.name + "," + sexCN + "性,出生于" + p.birth.ToString("yyyy-MM-dd");

}

}

[DataContract]

public class People {

[DataMember]

public string name;

[DataMember]

public byte sex;

[DataMember]

public DateTime birth;

}

注：People必须添加序列化标记

示例代码