作为图像的Jquery Ajax响应

Question

此外，我有一个HTML页面，我会分享它的2-3行代码

<img src="image.jpg" id="myImageId" />
<a onclick="myFunction(400,500);">resize it</a>

当我单击resize它时，它将调用myFunction函数，并且当我的resize.php响应调整大小时，该函数应该会显示一个加载图标。当resize.php完全加载时，此函数应

$('#myImageId').attr('src','resize.php?width=100&height=200');

这样做。

我该怎么做呢？

Answer 1

您可以尝试如下所示：

function myFunction(width, height) {
    var url = "resize.php?width=" + width + "&height=" + height;
    $('#myImageId').attr('src','loading.gif');
    $.ajax({ 
        url : url, 
        cache: true,
        processData : false,
    }).always(function(){
        $("myImageId").attr("src", url).fadeIn();
    });   
});