Question

我有一个json对象：slider_data，其值如下：

[{
  "id": "1",
  "image": "http:\/\/localdrone2.com\/wp-content\/uploads\/2018\/02\/slider-1-1.jpg",
  "title": "aaa",
  "more_info": "aaaaa",
  "button_link": "aaaaa"
}, 
{
  "id": "2",
  "image": "http:\/\/localdrone2.com\/wp-content\/uploads\/2018\/02\/slider-3-6.jpg",
  "title": "bbbb",
  "more_info": "bbbbb",
  "button_link": "bbbbb"
}]

我只想按如下方式遍历这些数据：

 $.each(slider_data, function(index, element) {
        console.log(element); 
 });

这很简单，应该可行。但我收到以下错误：

未捕获的TypeError：无法在＆＃39;中使用＆＃39;运营商搜索＆＃39;长度＆＃39;在[{＆＃34; id＆＃34;：＆＃34; 1＆＃34;，＆＃34; image＆＃34;：＆＃34; http：//localdrone2.com/wp-content/uploads/2018/ 02 /滑块1-1.jpg＆＃34;＆＃34;标题＆＃34;：＆＃34; AAA＆＃34;＆＃34; MORE_INFO＆＃34;：＆＃34; AAAAA＆＃34;，＆＃34; button_link＆＃34;：＆＃34; AAAAA＆＃34;}，{＆＃34; ID＆＃34;：＆＃34; 2＆＃34;＆＃34;图像＆＃34;：＆＃34; http://localdrone2.com/wp-content/uploads/2018/02/slider-3-6.jpg","title":"bbbb"," ; more_info＆＃34;：＆＃34; bbbbb＆＃34;，＆＃34; button_link＆＃34;：＆＃34; bbbbb＆＃34;}]

我做错了什么？

Answer 1

in运算符仅适用于对象。您正在使用字符串。在使用$ .each之前，请确保您的值是一个对象。在这种特定情况下，您必须解析JSON：

$.each(JSON.parse(myData), ...);

Answer 2

是。在循环之前解析解决了问题：

var json_data = absbBtToS.slider_data;
    var slider_data = JSON.parse(json_data);

        console.log(slider_data); 
    $.each(slider_data, function(index, element) {

        console.log(element); 
    });

循环遍历json对象

2 个答案: