1.创建WCF服务

 直接在网站中添加 Ajax-enabled-WCF Services ,命名为AjaxWcfServices.svc

代码如下:

[ServiceContract(Namespace = "")]

    [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]

    public class HelloWorld

    {

        // 添加 [WebGet] 属性以使用 HTTP GET

        [OperationContract]

        [WebGet(RequestFormat=WebMessageFormat.Json)]

        public void DoWork(Person p)

        {

            // 在此处添加操作实现

            return;

        }

        [OperationContract]

        [WebInvoke(RequestFormat=WebMessageFormat.Json,ResponseFormat=WebMessageFormat.Json,BodyStyle=WebMessageBodyStyle.WrappedRequest)]

        public string DoWorkPost(string id, string title, string content)

        {

            return string.Format("您输入的标题是:{0}/n/n您输入的内容是:{1}/n/n此文章的id是:{2}", title, content, id.ToString());

        }

        [OperationContract]

        [WebInvoke(RequestFormat=WebMessageFormat.Json,ResponseFormat=WebMessageFormat.Xml,BodyStyle=WebMessageBodyStyle.WrappedRequest)]

        public Person DoWorkXml(string personName)

        {

            Person p = new Person();

            p.Name = personName;

            p.Age = 25;

            p.Shoes = new List<string>() {"shoes1","shoes2" };

            return p;

        }

 

        // 在此处添加更多操作并使用 [OperationContract] 标记它们

    }

 

2、客户端代码

 function SendAjaxWithPost(id, title, content) {

            $.ajax({

                type: "post",

                contentType: "text/json",

                dataType:"json",

                url: "WCFServices/HelloWorld.svc/DoWorkPost",

                data: '{"id":' + id + ',"title":"' + title + '","content":"' + content + '"}',

                success: function(msg) {

                    alert(msg);

                    if (msg.d) {

                        alert(msg.d);

                    }

                },

                error: function(XMLHttpRequest, textStatus, errorThrow) {

                    alert("Error Occured!");

                }

            });

        }

 

        function WcfAjaxXml(personName) {

            $.ajax({

                type: "post",

                contentType: "text/json",

                dataType: "text/xml",

                url: "WCFServices/HelloWorld.svc/DoWorkXml",

                data: '{"personName":"' + personName + '"}',

                success: function(msg) {

                    alert(msg);

                    var result = "";

                    result += "Name:" + $(msg).find("Name").text() + ",";

                    result += "Age:" + $(msg).find("Age").text() + ",";

                    result += "Shoes:" + $(msg).find("Shoes").text();

                    alert(result);

 

                },

                error: function(XMLHttpRequest, textStatus, errorThrow) {

                    alert("Error Occured!");

                }

            });

        }

在用Jquery ajax调用WCF服务传递json对象时,在分别用Post,get数据方式时,设置json参数格式时需要采用不同的格式类型。

Get类型:参数传递格式:{ "name": name }

Post类型:参数传递格式:'{"name":"'+name+'"}' 如果用Get类型那样传参会在Wcf接受的时候会提示json格式错误

在用Post类型提交时,相应的WCF服务 [WebGet()]修改成相应的 [WebInvoke()],WCF默认传递格式为json,也可显示的添加为[WebGet(ResponseFormat=WebMessageFormat.Xml)]或者[WebInvoke(RequestFormat=WebMessageFormat.Xml)]