Ajax/JSON 检索和数组为从数据库检索的 n 条笔记创建 n 条 div（php、sql）

Question

我还没有找到处理“php 数组 ->”这一侧的教程/解释jQuery 的问题。 （或者我理解，我对这一切都是新手：S）

工作代码，但没有为n个笔记创建n个div

我在PHP文件中有工作SQL：

$sql = "SELECT * FROM notes WHERE username = '$uname' and notetype = 'todo'";
$result = mysql_query($sql,$conn);
$i = 0;
while($row = mysql_fetch_assoc($result))
{
    $notes[$i] = $row['note'];
    echo json_encode($notes[$i]);
    $i += 1;        

}

它将成功回显到div/DOM（！？）元素通过 Ajax：

$.ajax({
    url:'getnotestodo.php',
    data: "",
    datatype: 'json',       
    success: function(data)
    {
        $('<div class="stickit" />').text(data).appendTo('#stickitholder');

    }
}); 

但显然我遇到的麻烦是它全部回显到一个新的

即“note1”“note2”note3”等 -每个音符都放入一个 div 中，而不是 div 上创建一个新的 div。

当前的想法（失败的想法......）

所以我尝试用 PHP 数组填充 jQuery 数组，以便运行“while”循环客户端在每个新的 索引与该索引的数据 - 这个过程，但在一个循环中：

$('<div class="stickit" />').text(data).appendTo('#stickitholder'); 

我曾想象整个 PHP 数组上的 json_encode() 会返回一个对象，jquery 将能够使用其中一个地图() 类型的函数。我遇到了可怕的脚本故障，导致糟糕的故障排除尝试和崩溃，并且完全陷入了困境

PHP：

$sql = "SELECT * FROM notes WHERE username = '$uname' and notetype = 'todo'";
$result = mysql_query($sql,$conn);
$i = 0;
while($row = mysql_fetch_assoc($result))
{
    $notes[$i] = $row['note'];          
    $i += 1;        
}
json_encode($notes[]);

略有不同 jQuery：

$.ajax({
    url:'getnotestodo.php',
    data: "",
    datatype: 'json',       
    success: function(data)
    {
        $('<div class="stickit" />').text(data).appendTo('#stickitholder');
              var notesarray = new Array();
              notesarray = data;
              while (notesarray.length >= 0){
                  $('<div class="stickit" />').text(data).appendTo('#stickitholder');
              }
    }
});

我正在学习，但我现在不会去任何地方，所以帮助将是巨大的。赞赏。

Answer 1

您面临的问题是因为您试图在一个响应中传递许多 json 对象。所以javascript将无法将其识别为json对象。
你的对象看起来像

[1,2,3][2,3,1]

现在你做对了（一点点）
你可以像这样拥有你的div。

<div id="appendMe">
</div>

<script>
  $.ajax({
    url:'getnotestodo.php',
    data: "",
    datatype: 'json',       
    success: function(data)
    {
      jquery.each(data,function(index,val){
          $('#appendMe').append("<div class='stickit'>"+val+"</div>");
    }
});

</script>

现在，在您的 php 代码中，将此行 json_encode($notes[]) 更改为 json_encode($notes)