在上传文件 Django 和 Ajax 时显示微调器答案

【问题标题】：Show a spinner while uploading a file Django and Ajax在上传文件 Django 和 Ajax 时显示微调器
【发布时间】：2013-07-02 06:59:58
【问题描述】：

我尝试了互联网上的各种东西，但我无法完全理解他们在做什么。我想做的是在将文件上传到亚马逊 S3 云时显示一个微调器。我有一个表，其中的列包含文本或文件。我所做的是当用户单击更新时，我从按下更新按钮的特定行中获取所有数据，并将数据发送到 python/django 脚本以处理信息并上传媒体文件（如果给定）。

这部分工作正常，但在客户端它看起来很无响应，因为浏览器什么也没显示。我想在发生这种情况时显示一个微调器，并希望在从服务器接收到更新的数据时更新行数据。将响应发送到 ajax 脚本而不是渲染整个页面的 django 代码是什么？我可以通过什么方式访问这些可能作为字典对象发送的数据。

至于进度条

     $(document).ajaxStart(function() {
          $('#spinner').show(); 
          }).ajaxStop(function() {
          $('#spinner').hide();
     });
options{beforeSubmit: showRequest,
        success: showResponse
}
$('formid').ajaxsubmit(options);

这段代码行得通吗？这是通过使用表单插件。

【问题讨论】：

标签： python ajax django

【解决方案1】：

您提供的代码看起来有点乱，这里有一些更正和解释：

$(document).ajaxStart(function() {
    $('#spinner').show(); // show #spinner when ajax request starts
}).ajaxStop(function() {
    $('#spinner').hide(); // hide #spinner when ajax request is completed
});

$('formid').ajaxsubmit({
    beforeSubmit: showRequest,
    success: showResponse    
}); // initialize the form submit

希望这会有所帮助。

【讨论】：