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":"恭喜！认证成功！"}

 

 

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