Jquery以JSON方式调用WebService

 

  
    

   
     
   
      
   
     <
   
     webServices
   
     >
   
     
 
   
     <
   
     protocols
   
     >
   
     
 
   
     <
   
     add 
   
     name
   
     ="HttpPost"
   
      
   
     />
   
     
 
   
     <
   
     add 
   
     name
   
     ="HttpGet"
   
      
   
     />
   
     
 
   
     </
   
     protocols
   
     >
   
     
 
   
     </
   
     webServices
   
     >
  
    

 

 

今天测试了用jquery调用webservice，调用是没问题的，可是默认的webservice是返回给我们xml格式的，

这样对对于我们后续的操作很不方便，于是查找了 使用 json格式传送，始终没能够成功，后来参考了下 京东的 调用，终于知道原因所在了。。呵呵

 

 

Jquery以JSON方式调用WebService 

 

在webservice中需要添加如下节点(在 system.web节点下)

 

 

1、首先根据webservice类里面的提示修改

    

   
     

    
      
    
      //
    
       若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
    
      

    
       [System.Web.Script.Services.ScriptService]
   
     

 

2、然后在webservice中需要返回json数据的方法加上如下属性

     

   
     

    
      
    
      [ScriptMethod(ResponseFormat
    
      =
    
      ResponseFormat.Json
    
      )]
   
     
   
     

    
      

   
     

   ScriptMethod在 using System.Web.Script.Services 命名空间下，这里还可以设置是否使用 get方式来调用 UseHttpGet=true

 

3、最后写jquery调用脚本

   
     

    
      
    
       
    
      function
    
       doJSON() {
 $.ajax({
 url: 
    
      "
    
      http://localhost:11143/MyApplicationService.asmx/TestMethod
    
      "
    
      ,
 data: {ssokey:
    
      "
    
      '
    
      "
    
       
    
      +
    
       ssokey 
    
      +
    
       
    
      "
    
      '
    
      "
    
      },
 dataType: 
    
      "
    
      JSON
    
      "
    
      ,
 contentType: 
    
      "
    
      application/json; charset=utf-8
    
      "
    
      , 
 success: 
    
      function
    
       (data) {
 alert(data);
 }
 });
 }
   
     

 

   这里有几个地方需要注意的，否则不成功

   a、data: {ssokey:"'" + ssokey + "'"}   -- 这里我传递了参数，需要这种写法，一定要写成 json对象，否则失败(这个地方折腾了好久。。。)

   b、dataType: "JSON" ---- 这里告诉 jquery 以 json格式传递

   c、ontentType: "application/json; charset=utf-8" --- 设置head 里面使用  json传递

上面三点都注意到以后就应该可以成功的调用并返回 json对象了

返回的json 对象是被保证在 d 对象中的，大家 alert一下就知道了，类似这种  

  {"d":"恭喜！认证成功！"}

 

 

上面就是今天“研究”的结果。。。