jQuery で AJAX を使用してフィードバック表示を 10 秒ごとに更新する方法-PHPチュートリアル-php.cn

jQuery で AJAX を使用してフィードバック表示を 10 秒ごとに更新する方法

Linda Hamilton

リリース： 2024-11-04 01:54:02

オリジナル

1059 人が閲覧しました

How to Update a Feedback Display with AJAX Every 10 Seconds in jQuery?

jQuery: AJAX 経由で 10 秒ごとにフィードバック表示を更新

AJAX を使用してフィードバック div を 10 秒ごとに更新するシナリオが発生します。。これを実現するには、次の jQuery および PHP コードを使用できます。

jQuery スクリプト:

<code class="javascript">$(document).ready(function(){
  setInterval(get_fb, 10000);
});

function get_fb(){
  var feedback = $.ajax({
    type: "POST",
    url: "feedback.php",
    async: false
  }).responseText;

  $('div.feedback-box').html(feedback);
}</code>

ログイン後にコピー

PHP スクリプト:

<code class="php">$result = mysql_query("SELECT * FROM feedback ORDER BY RAND() LIMIT 0,1");
while($row = mysql_fetch_array($result))
{
  $name = $row['name'];
  $location = $row['location'];
  $feedback = $row['feedback'];

  echo "
    <p>Name: $name, Location: $location, Feedback: $feedback.</p>
    ";
} </code>

ログイン後にコピー

説明:

このコードは、setInterval() 関数を使用して、10 秒ごとに get_fb() 関数を呼び出します。。 get_fb() 関数は、AJAX リクエストを使用してデータベースからフィードバックデータを取得し、取得したフィードバックで div のコンテンツを更新します。

代替オプション:

AJAX 呼び出しが成功した後でのみ get_fb() 関数を実行したい場合は、.ajax().success() コールバックを使用できます:

<code class="javascript">function get_fb(){
  var feedback = $.ajax({
    type: "POST",
    url: "feedback.php",
    async: false
  }).success(function(){
    setTimeout(function(){get_fb();}, 10000);
  }).responseText;

  $('div.feedback-box').html(feedback);
}</code>

ログイン後にコピー

以上がjQuery で AJAX を使用してフィードバック表示を 10 秒ごとに更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。