首页 > 编程语言> 文章详细

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

2019-10-09 07:34:02 阅读：253 来源： 互联网

标签：javascript php progress push comet

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

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

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

我正在使用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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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