Jquery遍历从后台返回的json数据
2014-11-12 15:33
281 查看
1、为了简单起见,这里的数据直接在页面定义,不过开发的时候一般都是从后台获取数据,然后交给前台来处理
ajax请求成功时将会执行success函数,所以在success函数里定义具体的遍历过程,代码如下:
var data = [{\"first\":1,\"scn\":2},{\"first\":1,\"scn\":2},{\"first\":1,\"scn\":2}];//这个格式是Java的格式,如果直接在js里定义是这种格式:var data= [{ "name": "项海军", "password": "123456"}];
//因为java中"是特殊字符,需要转义处理
success: function(data) {
//遍历json数据
var str = "";
for (var i = 0; i < data.length; i++) {
for (var key in data[i]) {
str += "<span>" + data[i][key] + "</span>";
}
}
//下面使用each进行遍历
var trs = "";
$.each(data,
function(n, value) {
alert(n + ' ' + value);
trs += "<span>" + value.first + "</span><span>" + value.scn + "</span>";
});
$("div").html(trs + "<br/>"); //向div标签中添加遍历的数据
$("div").append(str); //向div中添加遍历的数据
},
相关文章推荐
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- (转:Tonny Yang)jQuery备忘之(一):jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析
- [置顶] jquery 将table中input[name=""]内容转换为json数据返回后台
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jquery与后台进行数据交互--前台发单一数据对象,后台返回一个json字符串 jsp页面
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery中ajax请求后台返回json数据并渲染HTML的方法
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery中ajax请求后台返回json数据并渲染HTML
- Jquery 将后台返回的字符串转换成Json格式的数据
- Jquery中post 请求后无数据返回的问题、jquery遍历json
- [置顶] php jQuery把后台返回的json数据赋值给页面标签
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- jQuery备忘之(一):jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析
- jquery遍历ajax返回的json数据
- jquery与后台进行数据交互--前台发单一数据对象,后台返回一个json字符串 serlet
- 关于AJAX请求后台数据,接收后台返回的JSON数据,以及前台遍历json数据和append追加元素。
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理