Php 如何使AJAX为进度条设置动画？

我有一个PHP页面，显示1%…2%…3%。。。。。使用输出缓冲区等

如何让ajax检测这些更改并使它们反映在进度栏的width CSS属性中

$.ajax({
        type: "POST",
       url: "iopio.php",
       success: function(html){ 

         if (html != '100%') {

            $('#mainBar').animate({width:html});
            $('#status').text("Working.");

         }
        }



    });

---

您正在做的是阅读一次内容，因此每次您都会得到一个静态答案，使用此技术，您可能希望设置一个循环ping事件以保持更新，类似这样：

function pingProgress(){

    $.ajax({
        type: "POST",
        url: "iopio.php",
        success: function(html){ 

            if (html != '100%') {
                $('#mainBar').animate({width:html});
                $('#status').text("Working.");

                pingProgress();
            }
        }

    });

}
//Start loop
pingProgress();

这会专门循环调用函数，直到达到100%。为了节省数据，您可以考虑添加超时功能等。

请参阅：基本上是相同的，关于动画-如果使用上面链接中的技术，动画调用是正确的。您必须运行PangePraseSe（）在某处启动循环，现在添加。