mysql - 如何在 AJAX 中迭代一组数据库结果

Question

使用 AJAX 迭代一组 MYSQL 数据时出现问题。我可以显示第一条记录，但总共有 7 条记录。我尝试了几种方法但没有成功。

AJAX 脚本:

<script type="text/javascript">       
      $(document).ready(function() { 
        $('#btn_get').on('click', function(e) { 
          $.ajax({
            type: 'GET',
            cache: false, 
            url: 'testData.php',
            dataType: 'json',
            success:function(info){  
              $('#getdiv').html("Page Viewed:" + info[0].page_ur + "<br />" + "Page count: " + info[0].page_count + "<br />");
                console.log(info);

                var len = info.length;
                for(var i=0; i<len; i++)
                {$('#getdiv2').html("<br />"+" Page Viewed:" + info[i].page_ur );}


             }           
          });
          e.preventDefault();
          });         
      });                  
    </script>

console.log(info) 的结果；

console.log(信息)

[{page_ur:"test record page1", page_count:"1"}, {page_ur:"test record page2", page_count:"4"}, {page_ur:"test record page3", page_count:"3"}, {page_ur:"test record page5", page_count:"7"}, {page_ur:"test record page4", page_count:"9"}, {page_ur:"test record page6", page_count:"6"}, {page_ur:"test record page7", page_count:"2"}]

Answer 1

在循环内，您应该使用 .append() 而不是 .html()，这样您就不会在每次迭代期间覆盖内容。

for(var i=0; i<len; i++) {
    $('#getdiv2').append("<br />"+" Page Viewed:" + info[i].page_ur );
}