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