0

我有一个表单,它向我的一个控制器提交 AJAX 请求,该控制器使用 PHP 的 curl 上传文件。我想向用户显示该(PHP)上传的状态,因此我将 PHP 上传进度存储在会话变量中。同时,表单的提交也开始了setInterval()一个不同的AJAX请求,控制器检查会话变量。我的问题是第二个 AJAX 调用似乎只触发一次(而不是在整个上传过程中),因此它不是逐步更新进度,而是在最后返回 100。我究竟做错了什么?

这是我的代码:

(注意:我正在使用 jQuery 表单插件来协助文件上传。它还添加了一些额外的回调)

<script>
var check_progress = function() {
    $.ajax(
        {
            url : '/media/upload_progress',
            success : function(data) {
                console.log(data);
                },
            async : false

        }
    );    

var options = {
    beforeSend : function() {
        $("#MediaSubmitForm").hide();
        $("#MediaSubmitForm").after('<img class="hula-hippo" src="/img/hippo-hula.gif" />');

        t = setInterval( check_progress, 500 );

    },
    success : function(data){
        $(".hula-hippo").hide();
        $("#MediaSubmitForm").after("<h3>Upload complete!</h3><p>Do <strong>you</strong> want to <a href='#'>create a project</a> of your own?</p>");
        window.clearInterval(t);
        console.log(data);
    }    

};
$("#MediaSubmitForm").ajaxForm(options);
</script>
4

2 回答 2

0

使用setTimeout();. setInterval()在指定的时间之后执行代码,并setTimeout()在每次到达特定时间时执行代码。

这些问题很好地解释了它们的区别:)

在 SO 上搜索内容将解决您的问题:)

于 2013-07-26T21:36:13.653 回答
0

听起来这是一个 PHP 锁定问题。请参阅此问题的答案中的第一条评论:

jQuery:同时发出 ajax 请求,有可能吗?

于 2013-07-26T21:51:22.837 回答