=波波日志 > JavaScript/Ajax > jQuery通过调用webservice返回json数据的问题=
jQuery通过调用webservice返回json数据的问题
由于.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才是需要的信息。
示例代码需要配置web.config支持webservice的POST和GET请求，参考
例子如下
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]
public string method1()
{
return "非json字符串";//实际返回的json格式的字符串为 {"d":"非json字符串"}
}
[WebMethod]
[ScriptMethod(UseHttpGet]
public string method2()
{
return "{\"msg\":\"其实我也是json对象的字符串\"}"; //实际返回的json格式的字符串为 {"d":"{"msg":"其实我也是json对象的字符串"}"}
}
}
}
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]
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);}
});
$.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);}
});
$.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);}
});
类别：JavaScript/Ajax 作者：波波 日期：2010-10-20 【评论：3】
相关文章
- 上帝是只猫
日期：2010-10-21 18:08:05 IP:119.255.*.*
挺好的 谢谢分享管理员回复(2010-10-22 8:58:13)
O(∩_∩)O~
- 熊猫人
日期：2010-12-22 16:26:52 IP:125.70.*.*
我顶管理员回复(2010-12-23 8:52:48)
O(∩_∩)O~
- DotNet
日期：2011-5-2 21:51:00 IP:113.57.*.*
上面代码有错误请认真审核后再发！管理员回复(2011-5-3 9:14:13)
O(∩_∩)O~，谢谢指正
高亮程序部分有一些有问题。把转义的部分的\给去掉了
ScriptMethod属性指定了为GET，JS部分请求使用了POST
发表留言
热门博文
- AJAX跨域问题解决办法
- ajax问题总结
- jQuery dataType指定为json的问题
- ajax+asp.net+mssql无刷新聊天室
- ajax无刷新上传文件，使用iframe模仿
- ajax对象abort方法
最新博文
- jquery+flash显示图片实时加载进度插件
- jquery浮动层拖动插件
- firefox NPMethod called on non-NPObject wrapped JSObject!错误
- IE浏览器setCapture和releaseCapture介绍
- 51.la统计出问题了
- 隐藏删除ckeditor状态栏
随机博文
- 图片切割效果
- WEB程序员必备的Javascript框架
- JavaScript程序员面试问题总结
- 验证时间的正则表达式
- CSS自定义属性 Expression ，行为 behavior 及 .htc文件
- 请教ajax返回乱码
广告商赞助
