您的位置:首页 > Web前端 > JQuery

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

2010-10-25 13:47 866 查看
  由于.net frameword3.5以上添加了对contenttype的检查,当ajax发送请求时,如果设置了contenttype为json,那么请求webservice时,会自动将返回的内容转为json的格式,json的格式iruxia

{"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才是需要的信息。

例子如下

test.asmx



+展开
-C#
using System.Web.Script.Services;

using System.Web.Services;

namespace WebService35

{

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[System.ComponentModel.ToolboxItem(false)]

[System.Web.Script.Services.ScriptService]

public class WebService1 : System.Web.Services.WebService

{

[WebMethod]

[ScriptMethod(UseHttpGet = true)]

public string method1()

{

return "非json字符串";//实际返回的json格式的字符串为 {"d":"非json字符串"}

}

[WebMethod]

[ScriptMethod(UseHttpGet = true)]

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(json.d); },

error: function(x, e) {alert(x.responseText); }, //============================

complete: function(x) { alert(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(realobj.msg); }, //============================

error: function(x, e) {alert(x.responseText); },

complete: function(x) { alert(x.responseText);}

});
来源:jQuery通过调用webservice返回json数据的问题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: