jQueryAjax调用WCF服务详细教程_jquery

using System;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
using System.Runtime.Serialization;

namespace WCF
{
 [DataContract]
 [Table("TUser")]
 public class Person
 {
 [DataMember]
 public int ID { get; set; }

 [DataMember]
 [StringLength(100)]
 public string LoginName { get; set; }

 [DataMember]
 [StringLength(100)]
 public string Password { get; set; }

 [DataMember]
 [DataType(DataType.Date)]
 public DateTime CreateDate { get; set; }
 }
}

using System.Collections.Generic;
using System.ServiceModel;
using System.ServiceModel.Web;

namespace WCF
{
 [ServiceContract]
 public interface IPersonService
 {
 [OperationContract]
 [WebInvoke(Method = "POST", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)]
 Person CreatePerson(string loginName, string password);

 //服务功能2
 [OperationContract]
 [WebGet(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)]
 bool CheckMan(string loginName);
 }
}

using System;
using System.Collections.Generic;
using System.ServiceModel.Activation;

namespace WCF
{
 [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
 public class PersonService : IPersonService
 {
 public Person CreatePerson(string loginName, string password)
 {
 return new PersonBLL().CreatePerson(loginName,password);
 }

 public bool CheckMan(string loginName)
 {
 return new PersonBLL().CheckMan(loginName);
 }
 }
}

 
 
设置完毕后，点击“验证连接”，出现绿色的钩钩，说明设置正确，点击“发布”即可。
第七步，实测
1、现在可以通过浏览器访问http://localhost/wcf/personservice.svc来确认服务器端是否部署成功，出现如下界面说明部署成功。

2、通过浏览器访问测试网页http://localhost/wcf/post_get_test.html来检查功能是否OK。
其次，下面说说我在搭建过程中出现的各种问题。
1、网页通过Ajax调用服务的CreatePerson方法时把方法类型写错了，POST写成了GET，结果系统报：405 (Method Not Allowed)。另外，根据微软官网中描述，若通过soap访问一个WCF WEB HTTP应用程序（使用 WebHttpBinding 和 WebHttpBehavior 的服务）也会出现405错误。
2、web.config文件中endpoint节点的contract属性配置错误，没有指向WCF.IPersonService，网页执行时报：500 (System.ServiceModel.ServiceActivationException)；在用http://localhost/wcf/personservice.svc检验服务器端部署结果时，报：在服务“PersonService”实现的协定列表中找不到协定名称“VME.Contract.PersonService”。
这里需要说明的是若你的服务不是基于接口的，则endpoint的contract直接指向服务类即可。
3、在使用jQuery的ajax并以POST方式传值给服务器时，由于格式错误，报如下错误：500 (Internal Server Error)，详细信息为：格式化程序尝试对消息进行反序列化时引发异常。正确的有两种处理方式：
1）以json格式对象的方式传递，例如：

 代码如下:

{"loginName":"name","password":"pwd"}


这里要强调的是键值对中，键必须加双引号，且大小写必须与服务方法中的形参定义完全一样。

2）以json格式对象字符串的形式传递，具体如下：
POST方式传值
A）传入非对象参数：

 代码如下:

{"loginName":"name","password":"pwd"}'


这里要强调的是键值对中，键必须加双引号，且大小写必须与服务方法中的形参定义完全一样，值应按如下规则设置：字符串加双引号。

B）传入对象参数：

 代码如下:

var person = {};

person.LoginName = $("#loginName").val();

person.Password = $("#password").val();

var jsonPerson = '{"person":' + $.toJSON(person) + '}';


这里要强调的是对象属性名称的大小写必须与数据类的属性定义完全一致。
GET方式传值
A）传入非对象参数：

 代码如下:

'loginname="name"'


B）传入对象参数：

 代码如下:

var person = {};

person.LoginName = $("#loginName").val();

person.Password = $("#password").val();

var jsonPerson = 'person=' + $.toJSON(person);


最后，说说WCF调试。
1、建议首先通过访问http://localhost/wcf/personservice.svc的形式确认服务器端部署成功，再进行客户端和服务器端联调。
2、若需要代码从客户端运行开始直到服务器端运行进行联调，则必须使用同步调用，因此，使用jQuery的ajax时，必须将async设置为false。