Question

我想在我的网站上使用此效果。

主页面显示图像链接。单击图像时，它会隐藏图像并显示GIF加载栏。我不希望它是一个真正的加载栏，只是想在那里放置一个GIF文件。运行脚本后，它应该隐藏gif图像并显示成功消息。

我没有上传任何图片我只想在显示GIF图像时运行php脚本。所以请不要把我推荐给一些文章。我已经搜索了很多。请帮忙

Answer 1

jQuery库有一些功能，可以帮助你完成你想要的任务。没有jQuery，你仍然可以这样做，但jQuery将简化这个过程。

这是一个类似于我在自己的代码中使用的示例。这里，Script.php引用服务器上的脚本，original.gif引用页面上的图像，loading.gif引用“加载条”gif图像。

您需要将jQuery库加载到页面中才能使用此代码。

$(document).ready(function() {
    $('#gifImage').click(gifImage_click);
    // Here, gifImage is the ID of the image you want to replace with a loading gif.
});

function gifImage_click() {
    // This will replace the gif image.
    $('#gifImage').attr('src','loading.gif');

    function successFunction(response) {
        // This function executes when the script runs successfully.
        $('#gifImage').attr('src','original.gif');
        alert('script completed successfully');
    }

    function errorFunction(xhr) {
        // This function executes when the script fails to execute.
        $('#gifImage').attr('src','original.gif');
        alert('script execution failed');
    } 

    $.ajax({
        type: "POST",
        url: "Script.php",
        success: successFunction,
        error: errorFunction
    }); // end - $.ajax
}

在GIF上传进度的后台运行脚本

1 个答案: