0

私は現在、主に PHP/MySQL と HTML5 を使用してコーディングされた Web サイトに取り組んでおり、コードを学習してより良くなる手段として使用しています。以前は、AJAX を使用して、ユーザーが Web ページを更新したかのように最新の投稿をリロードするフォーラムで働いていましたが、完全なリロードなしでコンテンツを動的に変更しただけでした。

私のウェブページ: http://vgrnews.com

私の具体的な状況は次のとおりです。ホームページは、MySQL DB から 4 つの最新の発表と (まもなく) コメントをロードし、それらを最も早く -> 最新に表示します。maincontent という div の中にあります。

私がやりたいこと: ユーザーが更新するかどうかに関係なく、アナウンスを AJAX で動的に表示します。おそらく、およそ 5 ~ 10 秒ごとにサーバーをポーリングします。

ホームページをそのように更新し続けるつもりはありませんが、コンテンツを追加したら、定期的に div を更新する方法を知っておくとよいでしょう。私は AJAX について読みましたが、ロジスティクスのすべてをよく理解していません。コードを提供し、それを取得することを期待しているだけです。コードを理解していないと、自分の Web サイトに適用できるようにコードを変形するのは困難です。

長々と読んですみません、そしてすべての返信に感謝します!

4

2 に答える 2

1
function reload_content() {
  $('#latest_post').load('ajax/get_latest.php');
}

window.setInterval(reload_content, 10000);
于 2013-01-17T18:52:37.690 に答える
0

アレクサンダーの答えを明確にします。load() 関数が行っていることは、指定された URL に対して AJAX 要求を実行し、選択した div の HTML を返されるコンテンツに設定することです。これは、サーバーが適切な HTML (およびその div に必要な HTML のみ) を返す必要があることを意味します。

load() の詳細については、 http://api.jquery.com/load/を参照してください。

サーバーが情報の JSON (または XML) 表現を返すことを計画している場合は、jQuery get() (http://api.jquery.com/get/) を使用して、返されたデータを処理する必要があります。コールバック付き。

get() と load() は両方とも、単に jQuery ajax() メソッド (http://api.jquery.com/jQuery.ajax/) の暗黙的なアプリケーションであることに注意してください。

編集:

setTimeout は、ブラウザーに x ミリ秒ごとに関数を呼び出させるだけです。これは、x秒ごとにチェックするものです。

于 2013-01-17T20:04:56.187 に答える