脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → ajax success json

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

 更新时间：2016年10月15日 09:55:40   作者：Fire_Dragon  
最近在使用JQuery的ajax方法时，需要返回的数据为json数据，在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。下面小编给大家介绍下在$.ajax方法中应该是如何来处理的

最近在使用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数据的问题，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言小编会及时回复大家的！

您可能感兴趣的文章:

相关文章

  • Ajax方式实现定期更新页面某块内容的方法

    Ajax方式实现定期更新页面某块内容的方法

    这篇文章主要介绍了Ajax方式实现定期更新页面某块内容的方法,涉及jquery中load方法Ajax调用及setInterval定时执行的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 浅谈Ajax相关及其优缺点

    浅谈Ajax相关及其优缺点

    最近在学习有关 AJAX 的知识，上网查阅了一些有关 AJAX 的资料，主要是有关 AJAX的技术简介及其优缺点等。在这里，我想对我收集的资料做一些小小的总结，大部分资料都来自网上，本人在此只做分类总结，希望对和我一样正在学习 AJAX 的朋友有一定的帮助。
    2015-06-06
  • AJAX 请求区分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解

    AJAX 请求区分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解

    关于这个内容,很多人都有所了解.但从我搜索的内容来看,他们只是略微看一下,根本不知道里面到底是什么情况.
    2011-06-06
  • Ajax 入门之 GET 与 POST 的不同处详解

    Ajax 入门之 GET 与 POST 的不同处详解

    这篇文章主要介绍了Ajax 入门之 GET 与 POST 的不同处详解,需要的朋友可以参考下
    2017-02-02
  • Ajax开始准备篇

    Ajax开始准备篇

    我很开心您来阅读我写的关于ajax的实例教程,无论您是第一次还是老朋友.我将在这里献上我至今所学,并毫不吝啬。
    2010-08-08
  • js+ajax处理java后台返回的json对象循环创建到表格的方法

    js+ajax处理java后台返回的json对象循环创建到表格的方法

    这篇文章主要介绍了js+ajax处理java后台返回的json对象循环创建到表格的方法,涉及javascript操作json对象动态创建表格以及基于ajax与后台交互的相关技巧,需要的朋友可以参考下
    2016-08-08
  • Ajax实现模拟关键字智能匹配搜索效果

    Ajax实现模拟关键字智能匹配搜索效果

    这篇文章主要介绍了Ajax实现模拟关键字智能匹配搜索效果,当在搜索框输入内容时，根据关键字匹配，显示弹出层，非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-12-12
  • 在实战中可能碰到的几种ajax请求方法详解

    在实战中可能碰到的几种ajax请求方法详解

    这篇文章主要给大家分享了在实战中可能碰到的几种ajax请求方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
    2017-03-03
  • 浅谈Ajax技术实现页面无刷新

    浅谈Ajax技术实现页面无刷新

    AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。这篇文章主要介绍了Ajax技术实现页面无刷新的相关资料,需要的朋友可以参考下
    2016-03-03
  • Ajax异步请求的五个步骤及实战案例

    Ajax异步请求的五个步骤及实战案例

    通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,下面这篇文章主要给大家介绍了关于Ajax异步请求的五个步骤及实战案例的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08

最新评论