zoukankan      html  css  js  c++  java
  • 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才是需要的信息。


    例子如下
    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);} 
     });

  • 相关阅读:
    html2jspdf文档
    监听localstorage
    vue插件 webpack打包 style中的element样式没有打包进去
    css-loader导致vue中样式失效
    webpack vue-clii-service vite create-react-app umi对比
    react使用antd数据改变视图没更新原因
    npx
    Webpack原理—编写Loader和Plugin
    VUE Element el-input只能输入数字,限制数字长度,重写label宽度
    php--laravel --debug--mac
  • 原文地址:https://www.cnblogs.com/tianguook/p/1896485.html
Copyright © 2011-2022 走看看