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

web前端|js教程

javascript,success,Ajax

web前端-js教程

最近在使用JQuery的ajax方法时，需要返回的数据为json数据，在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。下面小编给大家介绍下在$.ajax方法中应该是如何来处理的，对ajax感兴趣的朋友一起来看看吧！

月嫂源码,vscode美化代码设置,ubuntu lte版本,win 配置tomcat,sqlite免费数据库下载,爬虫提取钉钉群群友信息,html中调用php,镇江seo推广优质团队,免费下载源码的网站,php 网页分享到朋友圈,婚纱网站策划书模板lzw

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

自媒体博客源码 v1.0,VScode如何导航路径,ubuntu如何更新,tomcat调jvm大小,股票爬虫需求,php 判断字符个数,广州自媒体seo推广费用,培训机构网站模板,html5 小游戏模板lzw

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

手机消息弹出源码,ubuntu系统怎么授权,mq中间件和Tomcat,谁会爬虫会爬虫虫啊怎么样,php图像技术教学视频交流,东莞seo资源lzw

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数据的问题，希望对大家有所帮助！！

相关推荐：

jQuery.ajax中success 和complete 区别

ajax死活不走success，只走error，请求状态码为200.

javascript – ajax中success回调函数里如何输出json数据