Ajax调用Webservice返回JSON数据

来源：互联网发布：以房养老不可行数据编辑：程序博客网时间：2024/05/22 04:41

出处：http://blog.sina.com.cn/s/blog_4c81e6230100r2ve.html

web服务

由于.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_r('('+o.d+')')来生成实际的json对象，然后realobj.msg才是需要的信息。

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

web服务因URL意外地以/**结束，请求格式无法识别

HTML代码：

<%@ Page Language="C#" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(document).ready(function() {

$("#sayHelloButton").click(function(event) {

$.ajax({

type: "POST",

url: "WebService.asmx/GetTest",

contentType: "application/json; charset=utf-8",

dataType: "json",

data: "{}",

beforeSend: loading,

success: function(msg) {

Response(msg);

error: AjaxFailed

});

function loading() {

$('#loading_img').html('<img src="images/o_loading.gif"/>');

}

function Response(data) {

var realobj = eval_r('(' + data.d + ')')

$('#loading_img').html('<img src="images/' + realobj.uName + '.jpg"/>');

}

function AjaxFailed(result) {

alert(result.status + '' + result.statusText);

}

</script>

</head>

<body>

<div>

</div>

</div>

</form>

</body>

</html>

0 0