javascript - JS循环通过AJAX-response数组填充数组，如何获取数据？

Question

我正在执行 ajax 调用，它返回一个数组。返回的数组由数组组成，每个数组中又包含另一个数组:

我正在尝试在 JavaScript 中执行 for 循环，为响应数组中的每个数组创建一个元素。我的代码:

        $.ajax({
        url: $("base").attr('href') + 'json/handler',
        data : data,
        cache: false,
        contentType: false,
        processData: false,
        type: 'POST',
        success: function(data){
            console.log(data);
            for(var entry in data) {

            $('#testdiv').prepend("<span class='test' data-unixtime='" + entry[2] + "'>" + entry[0] + "</span><br>");

            }

entry[0] 和 entry[2] 仅返回一个(随机)数字。我似乎也无法使用 entry[1][tablename] 访问嵌套数组中的数据。

我尝试了多种执行循环的方法，并从中得到了一些不同的(随机？)数字，但没有任何值接近我需要的值。

Answer 1

您可以使用 for 循环，但最好使用 foreach，它使用起来更干净。至于嵌套对象(注意:对象，而不是数组)，您可以通过调用它的属性来访问它，而不是尝试访问索引。这里有一个 js bin 应该可以帮助你! ;) 您应该能够将 data.forEach 部分放入 ajax 响应函数中(成功:function(data){})

https://jsbin.com/dorayeriku/1/edit?html,js,output

   var data = [
  ['10:00', {tablename: 'table1', tableseats: 2}, '1234567'],
  ['11:00', {tablename: 'table2', tableseats: 2}, '1234568'],
  ['12:00', {tablename: 'table3', tableseats: 2}, '1234569'],
          ]


    data.forEach((entry) => {
      $('#testdiv').prepend("<span class='test' data-unixtime='" + entry[2] + "'>time: " + entry[0] + "<br/> tablename: " + entry[1].tablename +"<br/>table seats:" + entry[1].tableseats + "<br/><br/></span><br>");
    })

您需要任何问题或其他帮助，请向我提出:)