使用$.ajax一个接一个地请求ajax和jquery

我对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>

试试这个：

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");

相关内容

最新更新

热门标签：