-1

多くの試行錯誤の後、データベースとの継続的なサーバー接続を維持することに成功しました。データベースに新しいものがある場合は、コードをチェックしてメッセージを表示します。

このコードで使用されている真のロングポーリング手法があるかどうかを確認して教えてください 。そうでない場合は、どこが間違っているか(ロングポーリングから逸脱)、およびこれを真のロングポーリングにする方法を提案してください。

現在、これらのエラーが発生していますが、それでもデータベースとの継続的な接続を維持しています。

  1. 毎回、すべてではなく 1 つのメッセージのみがプルされます。(私は .each ループを使用しましたが、長いポーリングを停止します)
  2. 10/15 秒ごとに、トークン エラーが表示されます( Parse erroe(syntax error=unexpected token) )。

    var last_msg_id = 2;
    
    function load_msgs() {
    $.ajax({
    type:"Post",
    url:"getdata.php",
    data:{
        last_msg_id:last_msg_id
    },
    dataType:"json",
    async:true,
    cache:false,
    success:function(data) {
        var json = data;
        $("#commidwin").append(json['msg']);
        last_msg_id = json["last_msg_id_db"];
        setTimeout("load_msgs()", 1000);
    },
    error:function(XMLhttprequest, textstatus, errorthrown) {
        alert("error:" + textstatus + "(" + errorthrown + ")");
        setTimeout("load_msgs()", 15000);
    }
    
    
    
    
    });
    }
    

PHPファイルはこちら

 $last_msg_id=$_POST['last_msg_id'];
$last_msg_id_db=1;

while($last_msg_id>$last_msg_id_db){
    usleep(10000);
    clearstatcache();

    $sql=mysqli_query($db3->connection,"SELECT * FROM chat_com where id>'$last_msg_id' ORDER by id ASC");

    $sql_m=mysqli_query($db3->connection,"SELECT max(id) as maxid  FROM chat_com");
    $row_m=mysqli_fetch_array($sql_m);
    $last_msg_id_db=$row_m['maxid'];

    while($row=mysqli_fetch_array($sql)){
        $textt=$row['mesg'];

        $last_msg_id_db=$last_msg_id_db;
        $response=array();
        $response['msg']=$textt;
        $response['last_msg_id_db']=$last_msg_id_db;
    }
}

echo json_encode($response);
4

1 に答える 1

1

ポーリングは、単純な while よりも少し難しくなります。一般に、ブラウザーに出力したものはすべて、完了時に解釈されるからです。あなたの例は非常に明確です:

success:function(data) {
    var json = data;
    $("#commidwin").append(json['msg']);
    last_msg_id = json["last_msg_id_db"];
    setTimeout("load_msgs()", 1000);
},

jQuery は、応答が完了するまで待機してdata変数を作成し、成功のコールバックを呼び出します。

ロングポーリングを作成する 1 つの方法は、 task と follower を用意することです。

  • タスクは「無限」ループであり、「ボックス」に入れられたイベントをキャッチしてトリガーするだけで何も表示しません。

  • フォロワーは X 秒ごとに行われる ajax 呼び出しであり、タスクで満たされた「ボックス」内を調べ、すぐにページ内で動作します。

これはロングポーリングの例です。フォロワーはなく、ポーリングを停止するイベント (リリース) だけですが、アイデアは得られます:

<?php

// For this demo
if (file_exists('poll.txt') == false)
{
    file_put_contents('poll.txt', '');
}

// If this variable is set, a long-polling is starting...    
if (isset($_GET['poll']))
{

    // Don't forget to change the default time limit
    set_time_limit(120);

    date_default_timezone_set('Europe/Paris');
    $time = time();

    // We loop until you click on the "release" button...
    $poll = true;
    $number_of_tries = 1;
    while ($poll)
    {
        // Here we simulate a request (last mtime of file could be a creation/update_date field on a base)
        clearstatcache();
        $mtime = filemtime('poll.txt');

        if ($mtime > $time)
        {
            $result = htmlentities(file_get_contents('poll.txt'));
            $poll = false;
        }

        // Of course, else your polling will kill your resources!
        $number_of_tries++;
        sleep(1);
    }

    // Outputs result
    echo "Number of tries : {$number_of_tries}<br/>{$result}";
    die();
}

// Here we catch the release form
if (isset($_GET['release']))
{
    $data = '';
    if (isset($_GET['data']))
    {
        $data = $_GET['data'];
    }
    file_put_contents('poll.txt', $data);
    die();
}
?>

<!-- click this button to begin long-polling -->
<input id="poll" type="button" value="Click me to start polling" />

<br/><br/>

Give me some text here :
<br/>
<input id="data" type="text" />
<br/>

<!-- click this button to release long-polling -->
<input id="release" type="button" value="Click me to release polling" disabled="disabled" />

<br/><br/>

Result after releasing polling :
<div id="result"></div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">

    // Script to launch polling
    $('#poll').click(function() {
        $('#poll').attr('disabled', 'disabled');
        $('#release').removeAttr('disabled');
        $.ajax({
            url: 'poll.php',
            data: {
                poll: 'yes' // sets our $_GET['poll']
            },
            success: function(data) {
                $('#result').html(data);
                $('#poll').removeAttr('disabled');
                $('#release').attr('disabled', 'disabled');
            }
        });
    });

    // Script to release polling
    $('#release').click(function() {
        $.ajax({
            url: 'poll.php',
            data: {
                release: 'yes', // sets our $_GET['release']
                data: $('#data').val() // sets our $_GET['data']
            }
        });
    });

</script>

デモンストレーション:こちら

于 2012-12-07T15:46:05.653 に答える