javascript - 如何在 AJAX 表单提交请求期间显示实时脚本输出？

Question

如何使用 jQuery 在脚本上显示“实时反馈”？

我有一个button我用来提交表格进行处理。处理需要很长时间。我想要一个<div id="progress"></div>我在其中显示订单处理脚本正在执行的操作的实时进度报告。如果一切顺利我想重定向到查看订单脚本，如果没有，则只显示进度报告(不重定向到查看订单)

如何？目前我有这个:

$("#placeorderbutton").click(function(e) {
    e.preventDefault();
    this.innerHTML = 'Placing Order...';
    this.disabled = true; 
    $.ajax({
        type: 'post',
        url: 'process_order.php',
        data: $('form#order').serialize(),
        success: function(data) {
            $("#main").load('view_order.php');            
        }
    });
}); 

即使我的process_order中有打印语句文件时，它们不会显示在屏幕上的任何位置。嗯，当然不是......我不知道如何构建我的 jQuery/AJAX 来让它们显示。

我不知道如何继续。

Answer 1

您需要启动长进程，然后启动计时器来轮询状态。请记住，它很快就会变得比它的值(value)更贵。

$("#placeorderbutton").click(function(e) {
    e.preventDefault();
    this.innerHTML = 'Placing Order...';
    this.disabled = true; 
    $.ajax({
        type: 'post',
        url: 'process_order.php',
        data: $('form#order').serialize(),
        success: function(data) {
            $("#main").load('view_order.php');            
        }
    });
    setTimer($.ajax({
        type: 'post',
        url: 'view_order.php',
        data: $('form#order').serialize(),
        success: function(data) {
            $("#main").append(data);            
        }
    }), 30000);  //check every 30 Seconds
});