如何使用ajax mysql php检索的数据加载多个div

我在MySQL中有多个映像路径。通过$.ajax，我正在检索路径，但它显示在一个div中，我想将一个图像路径放在一个div中。如果检索到25个图像路径，则可能会创建25个div，每个div中填充一个检索到的路径。简而言之，n个div代表n个图像

下面是php代码，后面是jQuery代码：

$family = mysql_real_escape_string($_REQUEST['send_txt'], $link);
$query = "SELECT imgurl FROM images WHERE family='$family'";


$result = mysql_query($query, $link);

echo "<table>";
if(mysql_num_rows($result) > 0){

    while($row = mysql_fetch_array($result)){
        echo "<tr><td>".$row['imgurl']."</td></tr>";
                }
}else{
    echo "<tr><td>No results matching family \"$family\"</td></tr>";
}
echo "</table>";

//现在，如何将数据分配给jquery对象并通过循环检索图像路径 //并在为每个图像路径创建新div时逐个插入它

 $('#sliderid').html( data );

            }               
        });
    });
});

---

更好地使用Jquery模板，可以很容易地解决您的问题。获取JSON数据并绑定到jquery模板。

<script type="text/javascript">
$(document).ready(function() {
    $('ul.sub_menu a').click(function() {
        var txt = $(this).text();  
        $.ajax({
            type: 'POST',
            url: 'thegamer.php',
            data: {send_txt: txt},
            success: function( data ){

            var response=JSON.parse(data);

                $.each(response, function(index, item){

                $('#sliderid').append($("<div></div>").text(item));

                });
        }
    });
}); }); </script>

$（文档）.ready（函数（）{
$（'ul.sub_菜单a'）。单击（函数（）{
var txt=$（this.text（）；
$.ajax({
键入：“POST”，
url:'thegamer.php'，
数据：{send_txt:txt}，
成功：功能（数据）{
var response=JSON.parse（数据）；
$。每个（响应、功能（索引、项目）{
$（'#sliderid'）。追加（$（“”）。文本（项））；
});
}
});
}); }); 

您所要做的就是对接收到的数据进行迭代，并在每次迭代时创建一个div，其中包含附加到容器元素的url

我还注意到您忘记添加echo jason_encode（数组_of_data_to_be_send）以便将数据发送回。（你没有寄任何东西回来）

---

也确保将它作为数组发送（用于这个代码片段）。

Ajax调用的结果，<代码>数据< /代码>，这是由您发布的PHP代码生成的表吗？不，这些基本上是表1中的图像路径，但是考虑使用KokOutt代替JQ模板，因为后者被弃用。虽然我相信KO使用JQ模板。。。

<script type="text/javascript">
$(document).ready(function() {
    $('ul.sub_menu a').click(function() {
        var txt = $(this).text();  
        $.ajax({
            type: 'POST',
            url: 'thegamer.php',
            data: {send_txt: txt},
            success: function( data ){

            var response=JSON.parse(data);

                $.each(response, function(index, item){

                $('#sliderid').append($("<div></div>").text(item));

                });
        }
    });
}); }); </script>