jQuery通过调用webservice返回json数据的问题

　由于.net frameword3.5以上添加了对contentType的检查，当ajax发送请求时，如果设置了contentType为json，那么请求webservice时，会自动将返回的内容转为json的格式.
json的格式:{"d":"webservice方法返回的字符串内容"}

这时出现一个问题了，如果方法返回的是一个json格式的字符串，那么如何获得实际的json对象，而不是只有一个属性d的json对象呢？

其实很简单，我们只需要在success回调函数中eval下jquery通过获取webservice得到的json对象的d属性，就可以获取到实际的json对象了。

如下，如果方法返回的是 {"msg":"其实我也是json对象的字符串"} 这种信息，我们如何获取到msg这个属性的值呢？

首先一定要明确的时，调用webservice的方法后实际获取到的json格式的字符串是这样的 {"d":"{"msg":"其实我也是json对象的字符串"}"} ，jquery通过这个字符串生成的json对象只有一个属性，那就是d，d存储的是webservice方法返回的json格式的字符串信息，而不是json对象，所以不能通过 obj.d.msg来获取msg信息。而是需要 var realobj=eval('('+o.d+')')来生成实际的json对象，然后realobj.msg才是需要的信息。

示例代码需要配置web.config支持webservice的POST和GET请求

例子如下
test.asmx

-C#

using System.Web.Script.Services;  
using System.Web.Services;  
namespace WebService35  
{  
    [WebService(Namespace = "")]  
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]  
    [System.ComponentModel.ToolboxItem(false)]
    [System.Web.Script.Services.ScriptService]  
    public class WebService1 : System.Web.Services.WebService  
    {         
        [WebMethod]  
        [ScriptMethod]  
        public string method1()  
        {  
            return "非json字符串";//实际返回的json格式的字符串为 {"d":"非json字符串"}
        }  
        [WebMethod]  
        [ScriptMethod(UseHttpGet]  
        public string method2()  
        {  
            return "{\"msg\":\"其实我也是json对象的字符串\"}";  //实际返回的json格式的字符串为 {"d":"{"msg":"其实我也是json对象的字符串"}"}
        }  
    }
}

 

-JavaScript

//调用method1，返回非json格式的字符串，所以不需要eval
$.ajax({  
  url: "test.asmx/method1",  
  type: "POST",  
  dataType: "json",  
  contentType: "application/json; charset=utf-8",  
  data: "{}",  
  success: function(json){alert("Success："+json.d); },  
  error: function(x, e) {alert("Error："+x.responseText); },  //============================
  complete: function(x) {  alert("Complete："+x.responseText);}  
 });

 

-JavaScript

//调用method2，返回json格式的字符串，所以需要eval,jquery生成的json对象的d属性来生成实际的json对象
$.ajax({  
  url: "test.asmx/method2",  
  type: "POST",  
  dataType: "json",  
  contentType: "application/json; charset=utf-8",  
  data: "{}",  
  success: function(json){
       var realobj=eval('('+josn.d+')');
      alert("Success："+realobj.msg); 
  },  //============================
  error: function(x, e) {alert("Error："+x.responseText); },  
  complete: function(x) {  alert("Complete："+x.responseText);}  
 });



更多问题参考
http://www.coding123.net/search.aspx?s=jquery+webservice+json&t=blog