Question

我对Jquery和ajax很新，所以请善待。我正在使用jquery $ .ajax向服务器发出请求，当用户点击有负载的缩略图时，ajax从存储在服务器/数据库中的图像ID中提取图像。一切正常，除了下面的代码我只能点击任何一个缩略图一次从数据库加载大图，之后没有其他缩略图工作。有人可以帮忙吗？

<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">

function getimage(data){
var img = new Image();
$(img).load(function(){
    $(img).hide();
    $.ajax({
        type: "GET",
        url: "name.php?",
        data: "name=" + data,
        success: function(){
            $("#loader").removeClass("loading").append(img);
            $(img).fadeIn("slow");
        }
    });
}).attr("src", data +".jpg");
}
</script>
</head>
<body>
<h1>Image Loading</h1>
<div id="loader" class="loading">

</div>
<a href="name.php?name=image1" id="image1" onclick="getimage('image1'); return false;"/><img src="image1_th.jpg" /></a>
<a href="name.php?name=image2" id="image2" onclick="getimage('image2'); return false;" /><img src="image2_th.jpg" /></a>
<a href="name.php?name=image3" id="image3" onclick="getimage('image3'); return false;"/><img src="image3_th.jpg" /></a>

Answer 1

试试这个：

function getimage(data){
var img = new Image();
$(img).load(function(){
    $(img).hide();
    $.ajax({
        type: "GET",
        url: "name.php?",
        data: "name=" + data,
        success: function(){
             $("#loader").html(''); // you need to remove the old image
            $("#loader").removeClass("loading").append(img);
            $(img).fadeIn("slow");
        }
    });
}).attr("src", data +".jpg");

使用$ .ajax请求ajax和jquery之后请求

1 个答案: