jQuery调用WCF返回JSON对象

第一步：自定义数据类型（最终此类型以JSON的格式返回到客户端供解析）

JsonResult.cs 文件代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

using System.Runtime.Serialization;

[DataContract]
public class JsonResult
{
public JsonResult(string name, string address, string phone)
{
_name = name ;
_address = address;
_phone = phone;
}

private string _name;

[DataMember]
public string Name
{
get { return _name; }
set { _name = value; }
}

private string _address;

[DataMember]
public string Address
{
get { return _address; }
set { _address = value; }
}

private string _phone;

[DataMember]
public string Phone
{
get { return _phone; }
set { _phone = value; }
}
}

第二步：构建wcf服务

Service.svc 文件代码：

<%@ ServiceHost Language="C#" Debug="true" Service="Service" CodeBehind="~/App_Code/Service.cs" %>

IService.cs 文件代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.Text;

using System.ServiceModel;
using System.ServiceModel.Activation;
using System.ServiceModel.Web;

[ServiceContract]
public interface IService
{
[OperationContract]
[WebInvoke(ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Wrapped)]
JsonResult GetJsonResult(string name, string address, string phone);
}

Service.cs 文件代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;

public class Service : IService
{
public JsonResult GetJsonResult(string name, string address, string phone)
{
JsonResult result = new JsonResult(name, address, phone);
return result;
}
}

第三步：客户端调用wcf服务，并读取自定义数据类型（在客户端以JSON格式返回）

<script type="text/javascript" language="javascript">
function Call() {
$("#divMessagePanel").html("");
var formativeData = '{"name":"张三","address":"李四","phone":"王五"}';
$.ajax({
type: "post",
url: "../Service.svc/ajaxEndpoint/GetJsonResult",
contentType: "application/json;charset=utf-8",
data: formativeData,
success: function(data) {
alert(data);
var a = eval_r('(' + data + ')');
alert(a.GetJsonResultResult.Name);
$('#divMessagePanel').html("ok");
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$("#divMessagePanel").html("error");
},
cache: false
});
} 　
</script>

web.config中wcf的配置部分：

<system.serviceModel>
<behaviors>
<endpointBehaviors>
<behavior name="jsonWcfBehavior">
<webHttp/>
</behavior>
</endpointBehaviors>
</behaviors>
<services>
<service name="Service">
<!--注意此处的endpoint配置，address和contract两个属性，在客户端Js调用时会用的上-->
<endpoint address="ajaxEndpoint" behaviorConfiguration="jsonWcfBehavior" binding="webHttpBinding" contract="IService">
</endpoint>
</service>
</services>
</system.serviceModel>