加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax调用Webservice返回JSON数据

发布时间:2020-12-16 01:33:20 所属栏目:百科 来源:网络整理
导读:出处: http://blog.sina.com.cn/s/blog_4c81e6230100r2ve.html web服务 由于.net frameword3.5以上添加了对contenttype的检查,当ajax发送请求时,如果设置了contenttype为json,那么请求webservice时,会自动将返回的内容转为json的格式,json的格式iruxia
出处: 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#sayHelloButton").click(function(event) {
$.ajax({
type: "POST",
url: "WebService.asmx/GetTest",228)"> contentType: "application/json; charset=utf-8",228)"> dataType: "json",228)"> data: "{}",228)"> beforeSend: loading,228)"> success: function(msg) {
Response(msg);
},228)"> 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>
<form id="form1" runat="server">
<div>
<input id="sayHelloButton" type="button" value="AjaxLoading" />
</div>
<div id="loading_img">
</form>
</body>
</html>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读