php – 如何在JavaScript中创建服务器端进度指示器？

我想在我的网站中创建一个部分,其中用户有一些简单的更新按钮.

每个更新按钮都将进入服务器,并将在场景后进行长时间的处理.

当服务器处理数据时,我希望用户拥有某种进度指示器,如进度条或文本百分比.

我正在使用jQuery作为我的JavaScript库,而CodeIgniter(PHP)作为服务器端框架,如果它很重要……

我在想的是使用PHP的flush()函数向jQuery报告进度状态,但我不确定jQuery的Ajax函数在完成之前是否正在读取输出…

所以任何建议/解释都是有用的和有用的！

解决方法:

我将使用WebSync On-Demand给你一个例子,但无论你选择哪种服务器,都可以使用相同的方法.

这是你做的.首先,以某种方式开始长期运行;你的用户点击按钮开始这个过程(我将假设一个Ajax调用,但无论什么工作),你返回给他们某种标识符,我们称之为’myId’,给它一个值’ 1.无论你是通过调用某种过程来做到这一点,都取决于你.

然后,在来自该调用的回调中,您将编写如下内容：

var myId = 1; // this would be set somewhere else
client.initialize('api key');
client.connect();
client.subscribe({
  channel: '/tasks/' + myId,
  onReceive: function(args){
    // update the progress bar
    myProgressBar.update(args.data.progress);
  }
});

这样做是订阅您的客户端以接收有关任务更新的通知,所以剩下的就是推出更新,您在任何实际运行任务的过程中都会执行更新.这看起来像(在PHP中,使用SDK)：

$publisher = new Publisher(
    "11111111-1111-1111-1111-111111111111", // your api key again
    "mydomain.com" // your domain
);

// publish data
$response = $publisher->publish(array(
    array(
        'channel' => '/tasks/' . $myId, //comes from somewhere
        'data' => (object) array(
            'progress' => '45' //45% complete
        )
    )
));

// success if empty (no error)
$success = empty($response); 

而已;随着更新的发生,他们会实时向您的客户推送.

标签：javascript,php,progress,push,comet
来源： https://codeday.me/bug/20191009/1877478.html