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>