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

Question

我在 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 代码

$(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 ){

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

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

            }               
        });
    });
});

Answer 1

最好使用Jquery Template，很容易解决你的问题。获取 JSON 数据并绑定(bind)到您的 jquery 模板。