Question

我遇到了jquery的问题，非常感谢stackoverflow社区帮助解决以下问题

让我们假设有一个服务器端脚本创建doc文件，后面的链接调用它

<a class="prepare_doc_file" href="somepage.php?action=docfile">docfile</a>

我需要的是jquery脚本，它显示加载图像，当doc文件准备好时（或点击链接时）并在下载弹出窗口后隐藏它。

我在浏览器的标签中看到加载圈子。我在html文档中需要相同的东西

谢谢

Answer 1

您需要使用AJAX，并生成要下载的临时文件。你的php可以生成文件并保存到某个临时路径。下载后，您可以删除此文件。

<a class="prepare_doc_file" id="downloadfile" href="somepage.php?action=docfile">docfile</a>
function loadFile(){
document.getElementById('downloadfile').innerHTML='loading, please wait';
$.ajax({
        url: 'somepage.php?action=docfile',
        complete: function (data) {
             document.getElementById('downloadfile').href='path to file'; //path may be returned on php.
             document.getElementById('downloadfile').innerHTML='docfile';
            }
    });
}

Answer 2

<div id="myDiv">
<img src="loading gif image url">
</div>
<script>
       $.ajax({
            type: "POST",
            url: "url to the page where the contnt is",
            data: 'parameters if any' ,
            success: function(result){
               //logics
                $("#myDiv").html("<a class="prepare_doc_file" href="somepage.php?action=docfile">docfile</a>");

            });
</script>

准备文档时jquery加载脚本

2 个答案: