xmlHttpRequest mysqlデータベースの変更を確認する

Question

私はBidRivalsのようなオークションサイトを作っています。私のウェブサイトではオークションスクリプトが動作しますが、コードは非常に悪く、5秒ごとに自動的にページを更新する必要があります。ユーザーが商品に新しい入札があるかどうかを確認することができます。

新しい入札がある場合にのみページが更新されるようにコードを最適化しようとしています。そうでない場合は表示されません。

私はxmlHttpRequestを使用するように言われましたが、以前はそれを使用したことがなく、その動作を知っていました。 すでにw3schoolsに行って、いくつかの調査をしましたが、私の場合は何も見つかりませんでした。

アイデア？

Answer 1

XMLHttpRequestを使用するよりはるかに良い方法は、jQueryを使用することです。

これは、jQueryが開発者からのクロスプラットフォーム互換性の負担の大半を取り除いているので、より良いことです。また、jQueryはjavascriptで多くの一般的なことを実行するための非常に便利なライブラリであり、知っておくと非常に便利です。

一部の/多くのブラウザでは、jQueryのAjaxメソッドはXMLHttpRequestを使用して実装されています。

Answer 2

xmlHttpRequestの使用は良いアイデアです。この手法を使用すると、ページをリロードしなくても、非同期リクエストをサーバーに送信できます。その後、HTMLを変更することができます。たとえば、サーバーから新しいHTMLを取得し、サイト内の<div>を置き換えることができます。 異なるブラウザ実装を扱うJQueryのようなJava Scriptライブラリを使用することをお勧めします。 JQueryは、コンテンツを非同期的に読み込むための簡単な関数を提供します。

これで、ページを完全にリフレッシュすることなく、コンテンツをリロードするだけで済みます。あるいは、サーバーが変更されたフラグを返すようにしてから、Java Scriptでページをリロードするかどうかを決定することもできます。