jQuery调用WCF开发实例经验分享

我所使用的机器环境是：Windows7　VS2010　。

创新互联从2013年开始，是专业互联网技术服务公司，拥有项目成都网站设计、成都做网站网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元修文做网站,已为上家服务,为修文各地企业和个人服务,联系电话:18982081108

一、我们首先建好一个项目，在VS2010中，建立好一个Web项目，并添加一个“启用了Ajax的WCF服务”。

二、添加完成后，会自动打开刚才添加的文件，我们进行一些简的修改，便于一会客户端去调用，修改代码如下：

 
 
 
 
      
  
  
  
  1. [ServiceContract(Namespace = "")]   
    2.   
  
  
  
  2. [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]  
    3.   
  
  
  
  3. public class DataService  
    4.   
  
  
  
  4.      {   
    5.   
  
  
  
  5.          ///    
    6.   
  
  
  
  6.          /// 一、简单调用服务端方法   
    7.   
  
  
  
  7.         ///    
    8.   
  
  
  
  8.          ///   
    9.   
  
  
  
  9.          [OperationContract]  
    10.   
  
  
  
  10.          [WebGet()]  
    11.   
  
  
  
  11.          public string DoWork()  
    12.   
  
  
  
  12.          {            
    13.   
  
  
  
  13.              return string.Format("Today is {0}",DateTime.Now.ToString("yyyy年MM月dd日 HH:mm:ss:fff"));  
    14.   
  
  
  
  14.          }  
    15.   
  
  
  
  15.           
    16.   
  
  
  
  16.      } 
    17.

三、客户端代码中如下：

 
 
 
 
      
  
  
  
  1.    
    2.   
  
  
  
  2.      
    3.   
  
  
  
  3.        
    4.   
  
  
  
  4.          
    5.   
  
  
  
  5.          
    6.   
  
  
  
  6.          $(document).ready(function () {   
    7.   
  
  
  
  7.              $("#btnGetServerDate").click(function () {   
    8.   
  
  
  
  8.                  $.ajax({   
    9.   
  
  
  
  9.                      url: "DataService.svc/DoWork",  
    10.   
  
  
  
  10.                      type: "get",  
    11.   
  
  
  
  11.                      success: function (data) {  
    12.   
  
  
  
  12.                          alert(data.d);  
    13.   
  
  
  
  13.                      }  
    14.   
  
  
  
  14.                  })  
    15.   
  
  
  
  15.              });  
    16.   
  
  
  
  16.          })  
    17.   
  
  
  
  17.        
    18.   
  
  
  
  18.    
    19.   
  
  
  
  19.    
    20.   
  
  
  
  20.        
    21.   
  
  
  
  21.      
      
    22.   
  
  
  
  22.       
    23.   
  
  
  
  23.          
 
  •        
  •    
  •   

    • 以上是最基本的调用没有什么可说的.

    下面，我们来进行一个稍微复杂点的例子演示，我们在实现的效果是：“客户端提交一个注册信息，然后在服务器端取出并解析成一个实体类对象，然后返回客户端状态。服务端代码如下：

     
 
 
 
        
  
  
  
    1. ///    
      2.   
  
  
  
    2.        /// 二、由客户端传入数据示例        
      3.   
  
  
  
    3.        ///    
      4.   
  
  
  
    4.        /// Json格式的UserInfo数据   
      5.   
  
  
  
    5.        ///    
      6.   
  
  
  
    6.        [OperationContract]   
      7.   
  
  
  
    7.        [WebGet(ResponseFormat=WebMessageFormat.Json)] //必须是WebGet，客户端对应着Get方式请求，如果是POST方式，服务端而是WebInvoke，不过很遗憾，暂时貌似好不支持，反正我是没使用成功，有知道的请告诉我   
      8.   
  
  
  
    8.        public string Register(string userInfo)   
      9.   
  
  
  
    9.        {  
      10.   
  
  
  
    10.            UserInfo model = JsonConvert.DeserializeObject(userInfo);//Newtonsoft.Json 使用第三方类库将传入的Json字符串反序列化成实体类。  
      11.   
  
  
  
    11.            return string.Format("hello {0} sir!", model.LoginName);  
      12.   
  
  
  
    12.        } 
      13.

    然后客户端对应如下：

     
 
 
 
        
  
  
  
    1. //示例二   
      2.   
  
  
  
    2.            $("#btnRegiter").click(function () {   
      3.   
  
  
  
    3.                var jsonString = "userinfo={\"loginName\":\"cheng\",\"password\":\"tomcat\"}"; //注意：我服务端只接收一个参数那就是String类型命称为userInfo的变量，所以前面对应也叫userInfo   
      4.   
  
  
  
    4.                $.ajax({   
      5.   
  
  
  
    5.                    url: "DataService.svc/Register",   
      6.   
  
  
  
    6.                    type:"get", //注意是Get方式，服务端对应着WebGet（）   
      7.   
  
  
  
    7.                    data: jsonString,   
      8.   
  
  
  
    8.                    success: function (data) {   
      9.   
  
  
  
    9.                        alert(data.d);  
      10.   
  
  
  
    10.                    }  
      11.   
  
  
  
    11.                })  
      12.   
  
  
  
    12.            }) 
      13.

    此例子主要演示，客户端提交一个JSON字符串格式的数组到服务端，然后服务端通过反序列化方式将传入的字符串序列化成自定义对象。NET3.5自已也支持反序列化，但用的不爽，我用的是“Newtonsoft.Json”这个，但也需要注意一个问题，那就是如果客户端传入的数据是数值类型的话，请不要加引号，否则会反序列化失败。如“{"age":25}”,服务端对应“public int Age{get;set;}”。但具JSON.org上说的标准JSON格式，健/值好像都应该需要加上引号的，所以这里大家需要注意。

    下面接着在演示一个客户端获取一个List类型数据并解析，同样服务端代码如下：

     
 
 
 
        
  
  
  
    1. [OperationContract]   
      2.   
  
  
  
    2.          [WebGet(ResponseFormat = WebMessageFormat.Json)]   
      3.   
  
  
  
    3.          public List GetAll()   
      4.   
  
  
  
    4.          {   
      5.   
  
  
  
    5.            List lists = new List()    
      6.   
  
  
  
    6.              {    
      7.   
  
  
  
    7.                  new UserInfo() { LoginName = "cheng", Password = "cheng" },   
      8.   
  
  
  
    8.                  new UserInfo() { LoginName = "tomcat", Password = "tomcat" }    
      9.   
  
  
  
    9.              };  
      10.   
  
  
  
    10.              return lists;  
      11.   
  
  
  
    11.          }  
      12.   
  
  
  
    12.    
      13.   
  
  
  
    13.  [DataContract]  
      14.   
  
  
  
    14.      public class UserInfo  
      15.   
  
  
  
    15.      {  
      16.   
  
  
  
    16.          private string _loginName;  
      17.   
  
  
  
    17.          private string _password;  
      18.   
  
  
  
    18.    
      19.   
  
  
  
    19.          [DataMember]  
      20.   
  
  
  
    20.          public string Password  
      21.   
  
  
  
    21.          {  
      22.   
  
  
  
    22.              get { return _password; }  
      23.   
  
  
  
    23.              set { _password = value; }  
      24.   
  
  
  
    24.          }  
      25.   
  
  
  
    25.          [DataMember]  
      26.   
  
  
  
    26.          public string LoginName  
      27.   
  
  
  
    27.          {  
      28.   
  
  
  
    28.              get { return _loginName; }  
      29.   
  
  
  
    29.              set { _loginName = value; }  
      30.   
  
  
  
    30.          }  
      31.   
  
  
  
    31.      } 
      32.

    客户端代码如下：

     
 
 
 
        
  
  
  
    1. $("#btnGetAllUser").click(function () {   
      2.   
  
  
  
    2.                  $.ajax({   
      3.   
  
  
  
    3.                      url: "DataService.svc/GetAll",   
      4.   
  
  
  
    4.                      type: "get", //注意是Get方式，服务端对应着WebGet（）                
      5.   
  
  
  
    5.                      success: function (data) {   
      6.   
  
  
  
    6.                          for (var i = 0; i < data.d.length; i++) {   
      7.   
  
  
  
    7.                              $("#divContent").append("用户名：" + data.d[i].LoginName + "密码：" + data.d[i].Password + "");                              
      8.   
  
  
  
    8.                          }   
      9.   
  
  
  
    9.                      },  
      10.   
  
  
  
    10.                      error: function (msg) {  
      11.   
  
  
  
    11.                          alert(msg.responseText);  
      12.   
  
  
  
    12.                      }  
      13.   
  
  
  
    13.                  })  
      14.   
  
  
  
    14.              }) 
      15.

    好了，三种最常用的调用方式就这样了，当然，你可以稍微修改一下连接上数据库一起使用，***我总结一下，在调用过程常见的错误及解决方法。

    一、推荐使用Firebug去调试，在Firebug中有一个“网络”选项卡，在那里，你可以清楚的看到你是否成功调用WCF服务，而且可以看到返回的数据格工及详细内容，而且如果调用出错，也可以给出明确的出错信息。

    二、在调试阶端，推荐使用“GET”方式请求服务，然后在error:funcation(msg){alert(msg.responseText);}这样同样也能看到大部份出错提示。

    三、配置文件，在添加时就自动配置好了，所以一般情况下没有特殊要求无需更改。这是VS2010中的好处。

    原文链接：http://www.cnblogs.com/bdqlaccp/archive/2011/05/08/2039415.html

    【编辑推荐】

    1. 5月***超有趣的免费jQuery插件推荐
    2. 从零开始学习jQuery之管理jQuery包装集
    3. jQuery性能指标和调优
    4. 手把手教你jQuery jqPlot画图插件
    5. 从零开始学习jQuery之***的选择器

    当前标题：jQuery调用WCF开发实例经验分享
    路径分享：http://www.hantingmc.com/qtweb/news29/98029.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    App开发知识

    各行业网站

    简阳网站建设　　 　微信小程序开发　　 　成都网站推广　　 　西部信息机房　　 　外贸网站建设　　 　川西大数据中心　　 　子晨木包装箱　　 　正泰动物　　 　玄科环保　　 　快照排名　　 　四川锦华橡塑　　 　成都门窗定制　　 　川银永信　　 　手机网站制作　　 　重庆水土双线托管　　 　成都网站设计　　 　自贡托管服务器　　 　贵安服务器托管　　 　php主机　　 　华川商务