mysql - 循环遍历 AJAX 结果并发布到 HTML，

Question

我有以下 AJAX 代码用于处理从数据库返回的结果，

$.ajax({
  type: 'POST',
  async: true,
  url: "../../../avocado/private/functions/measures.php",
  data: {name:selectedValue},
  success: function(data, status){
      var selectedData = JSON.parse(data);
      console.log(selectedData);
      document.getElementById("measures").innerHTML    = "<div id=\"measures\">"
                                                       + "<table class=\"table table-condensed\">"
                                                       + "<tr><th>desc1</th><td>"+selectedData[0][6]+"</td></tr>"
                                                       + "<tr><th>desc2</th><td>"+selectedData[0][7]+"</td></tr>"
                                                       + "<tr><th>desc3</th><td>"+selectedData[0][8]+"</td></tr>"
                                                       + "<tr><th>desc4</th><td>"+selectedData[0][9]+"</td></tr>"
                                                       + "</table>"
                                                       + "</div>";

  },
  error: function(xhr, status, err) {
    alert(status + ": " + err);
  }
});

返回的数据是一个二维数组，如下所示，

Array[5]
0: Array[14]
1: Array[14]
2: Array[14]
3: Array[14]
4: Array[14]

所以我想做的是循环每个数组并在 HTML 页面上显示内部信息，但我不知道应该如何去做。此代码仅返回存储在索引 [0] 上的值。

我可以寻求帮助吗？

================================================== =================================

已更新

所以我尝试使用 Jquery.append() 如下所示..

 jQuery.each( selectedData, function( i, val ) {
          $("measures").append(  
            "<table class=\"table table-condensed\">"
            + "<tr><th>desc1</th><td>"+selectedData[i][6]+"</td></tr>"
            + "<tr><th>desc2</th><td>"+selectedData[i][7]+"</td></tr>"
            + "<tr><th>desc3</th><td>"+selectedData[i][8]+"</td></tr>"
            + "<tr><th>desc4</th><td>"+selectedData[i][9]+"</td></tr>"
            + "</table>"
          );
       });
      /*
      document.getElementById("measures").innerHTML    = "<div id=\"measures\">"
                                                       + "<table class=\"table table-condensed\">"
                                                       + "<tr><th>desc1</th><td>"+selectedData[0][6]+"</td></tr>"
                                                       + "<tr><th>desc2</th><td>"+selectedData[0][7]+"</td></tr>"
                                                       + "<tr><th>desc3</th><td>"+selectedData[0][8]+"</td></tr>"
                                                       + "<tr><th>desc4</th><td>"+selectedData[0][9]+"</td></tr>"
                                                       + "</table>"
                                                       + "</div>";
        */

现在..它根本不向 div #measures 附加任何值...

Answer 1

我还没有尝试过代码。但我希望这会对您有所帮助。

document.getElementById("measures").innerHTML    = "<div id=\"measures\">";
$.each( selectedData, function( index, value ){
  $.each( index, function( index2, value2 ){
     $('#measures').append(value2);
  });  
});