在上传文件Django和Ajax时显示一个微调器

时间:2013-07-02 06:59:59

标签: python ajax django

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

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

进度条

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

此代码有效吗?这是通过使用表单插件。

1 个答案:

答案 0 :(得分: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

希望这有帮助。