JQuery遍历json数组--ajax处理返回的data数据--3种方式

JQuery遍历json数组的3种方法,本文分别给出了使用each、for遍历json的方法,其中for又分成两种形式。

一、使用each遍历

1.1代码展示

获取 JSON 数据

1.2 运行结果

运行前

运行后

1.3 解释说明

注意：其中的obj是个object元素；

若：

var obj = [{ "name": "项海军", "password": "123456"}];

则

$("button").click(function(){

alert(obj);    //[object Object]

$.each(obj, function(n, value){

alert(n + ' ' + value);     //0 [object Object]

alert(n + ' ' + value.name + value.password); //0 项海军123456

});

});

则

若：

var obj = { "name": "项海军", "password": "123456"};

则

$("button").click(function(){

alert(obj); //[object Object]

$.each(obj, function(n, value){

alert(n + ' ' + value); //先显示name 项海军, 后显示password 123456

});

});

若: 是二维数组

var obj = {"eth-0":{ "name": "项海军", "password": "123456"},"eth-1":{ "name": "项", "password": "1122"}};

则

$("button").click(function(){

alert(obj);    //[object Object]

$.each(obj, function(n, value){

alert(n + ' ' + value); //先显示eth-0 [object Object]。后显示eth-1 [object Object]

});

});

若: 回调的对象必须使用eval函数进行转化

二、使用for遍历--方法1

获取其他内容

三、使用for遍历--方法2

参考连接：https://www.jb51.net/article/57246.htm

获取其他内容

推荐阅读

 您阅读本篇文章共花了：