WCF WebGet WebInvoke WCF Jquery 调用

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)]