Ajax调用Webservice返回JSON数据

最新推荐文章于 2023-05-11 11:40:04 发布
最新推荐文章于 2023-05-11 11:40:04 发布
阅读量6.9k 收藏
点赞数
分类专栏： C# / .Net Sql Server JavaScript Ajax 基础知识 赞 IIS HTML5 jQuery JSON WebService
JavaScript 同时被 3 个专栏收录
311 篇文章 3 订阅
订阅专栏
赞
205 篇文章 0 订阅
订阅专栏
基础知识
160 篇文章 0 订阅
订阅专栏
出处： http://blog.sina.com.cn/s/blog_4c81e6230100r2ve.html

web服务
Ajax调用Webservice返回JSON数据

Ajax调用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_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",
                               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>
       <form id="form1" runat="server">
       <div>
             <input id="sayHelloButton" type="button" value="AjaxLoading" />
       </div>
       <div id="loading_img">
       </div>
       </form>
</body>
</html>


chelen_jak
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webservice报错客户端发现响应内容类型为“application/json;charset=UTF-8”，但应为“text/xml”。...
weixin_30835933的博客
07-06 1万+
控制台对接Webservice正常，同样的方法在Web项目上报错： 客户端发现响应内容类型为“application/json;charset=UTF-8”，但应为“text/xml”。请求失败，错误信息为:--{"code" : "03010250002","msg" : "Illegal json string","data" : ""}--. 说明:执行当前 Web 请求期间...
关于 JSON 数据格式的完全使用指南
小王的技术库
02-03 3350
在 JSON 之前，XML 曾经一度成为互联网上传输数据的事实标准。第一代 Web服务很大程度上是以 XML 为基础的，以服务器间通信为主要特征。可是，XML 也并非没有批评者。有的人认为 XML 过于冗余和啰唆。为解决这些问题，也出现了几种方案。不过 Web 已经朝着它的新方向进发了。
jQuery调用WebService返回JSON数据及参数设置注意问题
01-02
.NET Framework 3.5的发布解决了WebService调用中json问题，本文将介绍jQuery调用基于.NET Framework 3.5的WebService返回JSON数据，另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题，还有出现问题的原因 jQuery调用WebService网上的介绍也比较多，最近的项目中我也用到不少，一直都很少用.NET Ajax，比较钟情于jQuery调用请求WebService有几种方法，这主要说一下POST与GET方法，其实安全方法考虑不建议使用GET方法，下面就说一下用jquery调用WebService
ajax aspx调用webservice，返回json
weixin_30656145的博客
08-28 82
1，创建一个asp.net网站 2.创建一个student类 using System; using System.Collections.Generic; using System.Linq; using System.Web; /// <summary> /// Student 的摘要说明 /// </summary> public cla...
ContentType为application/json调用WebService接口
布丁爸爸的专栏
12-29 9110
我们都知道调用WebService的时候，ContentType有三种： SOAP 1.1是text/xml; charset=utf-8。 SOAP 1.2是application/soap+xml; charset=utf-8。 HTTP POST是application/x-www-form-urlencoded。那么如果使用HTTP POST，ContentType为applicati
webservice接收数据
qq_37773018的博客
03-09 2566
webservice接收数据步骤如下： 1、首先建立http连接，设置请求头和字符集编码。 2、POST请求,包装成json数据。 3、读取响应。 4、关闭连接。 webservice接收数据方法如下 /** * urlC 请求的接口地址 * jsonObject 请求的参数json格式 * @return */ public static String doPost(String urlC, JSONObject jsonObject) {.
C# webservice 接收json数据 接口返回 远程服务器返回错误: (500) 内部服务器错误
七兔自习室
05-11 2667
第一种情况如下：如果类型是默认request.ContentType = "application/x-www-form-urlencoded";C# post 调用webservice 服务端接口，会返回上面那个错误，8成是发送的数据和接口不符合造成的。发送代码网上可以查到，（在我下一篇博文，也会将整体客户端服务端完整测试项目代码开发下载）那么你发送数据和被调用接口参数名如果不对，则会报下图这个错。我将调用接口的参数名，改成与接口匹配，入下图。第一点，接口需要是void的，如下图。
asp.net webservice返回json的方法
01-01
webservice默认的返回为XML 要返回json可以用json工具类把对象转为json字符串，再输出 代码如下: [WebService(Namespace = “http://tempuri.org/”)] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1...
jQuery调用Webservice传递json数组的方法|angluo-javascript-159330.pdf
10-21
主要介绍了jQuery调用Webservice传递json数组的方法,实例分析了jQuery基于ajax与Webservice传递json数据的相关实现技巧,需要的朋友可以参考下
排除JQuery通过HttpGet调用WebService返回Json时“parserror”错误
01-02
最近本人在使用JQuery通过HttpGet方式调用WebService时，却发现服务端并非如人所愿返回json数据，而是返回错误提示：parserror。 如今问题被顺利解决，下面是解决过程 首先看客户端使用JQuery调用WebService的代码：...
基于dojo使用ajax调用webservice
10-08
基于dojo使用ajax调用webservice，返回json格式数据，填充下拉框列表
JSON对象调用方法
wellxielong的博客
12-19 5270
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。  在JSON中，有两种结构：对象和数组。     1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间运用 “,”（逗号）分隔。 名称用引号括起来；值如果是字符串则必须用括号，数值型则不须要。例如：     var o
json引用文件
02-25
很好的资源文件，当浏览器报json未定义时，引入此文件即可。
动态调取webservice返回json数据并处理
04-16
动态调取webservice返回json数据,并把数据绑定到gridview中
java WebService接口调用，传JSON参数
热门推荐
Wli_telent的博客
03-20 1万+
转自：http://zheyiw.iteye.com/blog/1571222import java.io.IOException;  import java.io.InputStream;  import java.io.OutputStreamWriter;  import java.net.HttpURLConnection;  import java.net.URL;    public ...
c#-webservice-返回json-简单实验
xie__jin__cheng的博客
03-04 2120
步骤 1.创建web工程 2.添加webservice 3.编码运行（期间与要添加Jayrock，后附添加截图） using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Script.Services; using System.Web.Services; namespace WebApplication16 { /// <summa.
json的调用
weixin_30929295的博客
06-24 75
WebService [WebMethod] public string GetCategory() { SqlConnection conn = new SqlConnection("server=.;database=Holpe_Info;uid=sa;pwd=123;"); DataTable dt = new D...
后台webservice返回JSON，前台js用ajax调用
zoey的专栏
12-09 2816
一、js将string转为json http://blog.csdn.net/jjzjjz1/article/details/6334415 function jsontest() { //var testJson = "{ name: '小强', age: 16 }";(支持) //var testJson = "{ '
ajax 调用webservice
最新发布
06-02
使用 AJAX 调用 WebService 有以下几个步骤： 1. 在 HTML 页面中引入 jQuery 库（如果项目中已经引入了 jQuery，则可以跳过此步骤）。 ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值