JSON进阶五-JS和WCF的交互

核心提示：本文示例源代码或素材下载 在园子里看到很多关于AJAX FOR WCF的文章，大多数采用EXT和WCF交互，JSON进阶五-JS和WCF的交互，但老实说EXT这个东西比较适合应用开发，对于我这种的网站程序员，{p:{name:'张三',sex:1,birth:JSON2.strToDate(&#

本文示例源代码或素材下载

在园子里看到很多关于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)]
　　publicintAdd(intx,inty){
　　　　returnx+y;
　　}

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

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

js代码：

functionSpeak(){
　　　　　　varpople={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)]
publicclassService
{
　　[OperationContract]
　　[WebInvoke(RequestFormat=WebMessageFormat.Json,ResponseFormat=WebMessageFormat.Json,UriTemplate="/Add",BodyStyle=WebMessageBodyStyle.WrappedRequest)]
　　publicintAdd(intx,inty)
　　{
　　　　returnx+y;
　　}
　　[OperationContract]
　　[WebInvoke(RequestFormat=WebMessageFormat.Json,ResponseFormat=WebMessageFormat.Json,UriTemplate="/Speak",BodyStyle=WebMessageBodyStyle.WrappedRequest)]
　　publicstringSpeak(Peoplep)
　　{
　　　　stringsexCN=p.sex==1?"男":"女";
　　　　return"我叫"+p.name+","+sexCN+"性,出生于"+p.birth.ToString("yyyy-MM-dd");
　　}
}
[DataContract]
publicclassPeople{
　　[DataMember]
　　publicstringname;
　　[DataMember]
　　publicbytesex;
　　[DataMember]
　　publicDateTimebirth;
}

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