Question

我最近创建了一个Facebook应用程序，将一些内容发布到用户组。如果用户发布到多个组，那么我想显示进度条。它的HTML部分我创建了一个有文本区域的表单，表单重定向到post.php文件。我发布到post.php页面中的用户组。正如我所说，我使用进度条来显示进度。但是消息首先发布，然后进度条才起作用。我很确定它的工作进度条。

简而言之，PHP部分首先在JS或HTML之前执行。所以请帮助我克服这个问题。

这是我在post.php文件中的内容：

    <body style = "background-color: #4ea6e6;">
    <center>
        <div style = "width: 50%; margin-top: 5%; padding: 50px; background-color: #fff;">
            <div class="input-group" style = "height: 30px;">
                <progress min = "0" max = "100" value = "50" style = "height: 30px;">

                </progress>

                <span class="input-group-addon">
                    0%
                </span>
            </div>

            <br>
            <div class = "message">

            </div>

            <br>
            <div class = "alert alert-success success" style = "font-size: 18px; font-family: Muli; visibility: hidden;"><b>Great !</b> Your message was successfully posted !</div>

        </div>

    </center>
</body> <?php

    require_once 'libs/facebook.php';
    $config = array(
      'appId' => 'My app id',
      'secret' => 'my app secret',
      'fileUpload' => false, // optional
      'allowSignedRequest' => false, // optional, but should be set to false for non-canvas apps
    );

    $facebook = new Facebook($config);
    $groups = $_POST['groups'];
    $link = $_POST['link'];
    $message = $_POST['message'];
    $count = count($groups);

    for($i=1; $i<count($groups); $i++){

                $api = $facebook->api($groups[$i] . '/feed', 'post', array(
                    link => $link,
                    message => $message
                ));

                $api = $facebook->api($groups[$i]);

                $name = $api['name'];

                $j = ($i/(count($groups)-1))*100;

                ?>

                <script type = "text/javascript">
                var timeout = setTimeout(post, 0);
                function post(){

                    $('progress').attr("value" , "<?php echo $j; ?>");
                    $('.message').html("Posting to <?php echo $name; ?>");
                    $('.input-group-addon').html("<?php echo $j; ?> %");

                    if(<?php echo ($i/count($groups)); ?> != 1){
                        var timeout = setTimeout(post, 0);
                    }
                    else{
                        clearTimeout(timeout);
                    }
                }

                </script>
                <?php

            }

Answer 1

加载html和js后，无法执行同步PHP。

但是你可以执行对PHP脚本的XHR调用，这样一旦加载了js，AJAX调用就开始了，PHP脚本在后台执行

这是how to use AJAX with jQuery

Answer 2

您可以在页面加载后执行单独的PHP文件，而不使用JS，就像这样。

请注意＆＃34;背景图片＆＃34;实际上是一个PHP文件。 PHP文件将在html文件及其上方的所有元素之后在body的底部调用时执行。

您可以通过CSS属性中的GET将数据发送到PHP文件...

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#runPHP
{ 
  background-image:url(script.php);
  display:none;
}
</style>
</head>
<body>

<div id="runPHP"></div>
</body>
</html>

页面加载后运行PHP

2 个答案: