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