`

关于ajax后台success传来json数据的问题

 
阅读更多

最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。在$.ajax方法中应该是如何来处理的,简单进行说明。

         首先给出要传的json数据:[{"demoData":"This Is The JSON Data"}]

        1,使用普通的aspx页面来处理

      

                          

     $.ajax({ 
            type: "post", 
            url: "Default.aspx", 
            dataType: "json", 
            success: function (data) { 
                             $("input#showTime").val(data[0].demoData); 
                       }, 
            error: function (XMLHttpRequest, textStatus, errorThrown) { 
                                                alert(errorThrown); 
                    } 
      });

 

     

         这里是后台传递数据的代码

 

        Response.Clear(); 
        Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]"); 
        Response.Flush(); 
        Response.End();

 

 

         这种处理的方式将传递过来的数据直接解析为json数据,也就是说这里的前台js代码可能直接把这些数据解析成json对象数据,而并非字符串数据,如data[0].demoData,这里就直接使用了这个json对象数据

          2,使用webservice(asmx)来处理

这种处理方式就不会将传递过来的数据当成是json对象数据,而是作为字符串来处理的,如下代码

$.ajax({     
      type: "post",     
      url: "JqueryCSMethodForm.asmx/GetDemoData",     
      dataType: "json",/*这句可用可不用,没有影响*/ 

      contentType: "application/json; charset=utf-8",     
      success: function (data) {     
                      $("input#showTime").val(eval('(' + data.d + ')')[0].demoData); 

                      //这里有两种对数据的转换方式,两处理方式的效果一样
                      //$("input#showTime").val(eval(data.d)[0].demoData); 
                  },     
      error: function (XMLHttpRequest, textStatus, errorThrown) {     
                   alert(errorThrown);     
              }     
}); 

 

         下面这里为asmx的方法代码

       

public static string GetDemoData() {     
         return "[{\"demoData\":\"This Is The JSON Data\"}]";     
}

 

         这里的这种处理方式就把传递回来的json数据当成了字符串来处理的,所在就要对这个数据进行eval的处理,这样才能成为真正的json对象数据。

          即

success:function(data){
               eval(data);
           }

 

   

分享到:
评论

相关推荐

    浅析Ajax后台success传来json数据的问题.docx

    总结起来,处理Ajax后台success传来的JSON数据时,关键在于理解`dataType`参数的作用以及服务器返回数据的格式。在不同环境下,可能需要对返回的数据进行适当的转换,才能正确地在前端使用。同时,确保服务器正确地...

    浅析Ajax后台success传来json数据的问题

    最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。在$.ajax方法中应该是如何来处理的,简单进行说明。 首先给出要传的json数据...

    AJAX和struts2传递JSON数组

    在本场景中,我们将探讨如何使用AJAX来传递JSON数组,并在Struts2的Action中接收和处理这些数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析...

    aspx后台传递Json到前台的两种接收方法推荐

    这是使用最为广泛的一种方法,它利用了jQuery的Ajax模块来发送请求并接收Json数据。在发送AJAX请求时,需要指定请求类型(如POST)、请求地址以及数据类型(此处为"json")。当服务器响应后,会自动将Json格式的数据...

    ajax传输json出错问题

    在Ajax中,JSON常作为数据交换的格式,因为其结构与JavaScript对象相似,能够方便地与JavaScript进行交互。 然而,"ajax传输json出错问题"通常涉及以下几个常见方面: 1. **数据格式错误**:JSON数据必须遵循特定...

    ajax和spring互传json对象,并显示到列表中

    在实际开发中,你可以编写单元测试或集成测试来验证Ajax和Spring间JSON数据的传递是否正确。 通过以上步骤,我们可以实现前端与Spring后台之间的JSON数据交换,并在页面上动态更新列表。这种交互方式提高了用户体验...

    Ajax实现Json数据传送

    **Ajax实现Json数据传送** Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。结合JSON(JavaScript Object Notation)这种轻量级的数据交换格式,可以...

    Jquery Ajax 前后台数据传输

    **jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous...总的来说,jQuery的AJAX功能强大且灵活,能够满足各种复杂的前后台数据传输需求。结合适当的服务器端接口,可以构建出高效、响应式的Web应用。

    jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

    总结来说,通过上述步骤和代码示例,我们可以实现利用jQuery的AJAX技术从后台获取JSON格式数据,并将这些数据填充到下拉列表中,实现页面的动态数据更新。这在Web开发中是一个十分实用的技术应用。

    $.ajax传JSON数据到后台的注意事项小结

    下面我们将详细探讨在使用`$.ajax`传JSON数据到后台时需要注意的一些关键点。 首先,了解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在...

    Ajax向后台传json格式的数据出现415错误的原因分析及解决方法

    在给出的后台代码中,使用了Spring MVC的`@RequestBody`注解来尝试解析JSON数据: ```java @RequestMapping(value = "/saveUser.do", method = { RequestMethod.POST }) @ResponseBody public Map, Object> save...

    jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析

    在处理后台传来的JSON数据时,前端开发者需要根据返回数据的结构,灵活使用JavaScript中的数据操作方法,比如数组的`forEach`方法、对象的键值对遍历等,来处理和渲染数据。同时,为了提高代码的可读性和可维护性,...

    $.ajax传JSON数据到后台出现报错问题解决

    在使用jQuery的$.ajax方法向后台传输JSON数据时,可能会遇到一些常见的问题,这些问题往往会导致请求失败或在后台处理时产生错误。以下是一些关键点和解决方案,可以帮助开发者避免或解决这些问题。 首先,$.ajax...

    jQuery AJAX 方法success()后台传来的4种数据详解

    在使用AJAX与后台交互时,前端需要根据后台返回的数据类型来适配`success`函数中的处理逻辑。同时,后台开发者需要确保返回的数据能正确被JSON序列化,并且前端能够正确解析和使用这些数据。在处理JSON数据时,注意...

    详解vue渲染从后台获取的json数据

    在实际项目中,通常我们会通过Ajax请求获取JSON数据。如示例所示,使用了jQuery的`$.ajax`方法: ```javascript $.ajax({ type: "POST", url: "", async: true, data: {}, dataType: "json", success: ...

    ajax请求后台数据实现分页功能

    在本主题中,我们将深入探讨如何使用jQuery库中的AJAX方法来实现后台数据的分页功能。 首先,我们需要理解分页的基本原理。通常,分页涉及两个主要部分:前端和后端。前端负责显示分页链接或导航,并处理用户的交互...

    jsp中利用jquery+ajax在前后台之间传递json格式参数

    在本文中,我们将深入探讨如何在JavaServer Pages (JSP) 中使用jQuery和Ajax来传递JSON格式的参数。这是一个常见的需求,特别是在构建交互性强、响应迅速的Web应用程序时。通过这种方式,前端和后端可以有效地交换...

    jQuery的Ajax实现异步传输List、Map

    本话题将深入探讨如何使用jQuery的Ajax功能实现异步传输List和Map类型的数据,同时涉及JSON数据格式的使用。 首先,让我们了解JSON(JavaScript Object Notation),它是轻量级的数据交换格式,易于人阅读和编写,...

Global site tag (gtag.js) - Google Analytics