ajax を使用してコンテンツをロードする単純な Web サイトを開発しました。コンテンツのロード中に進行状況を表示しています。最初のajax呼び出しではすべてが期待どおりに機能しますが、その後は混乱します
- ページが ajax 呼び出しで動かなくなる
- ajax 呼び出しをリッスンして読み込みメッセージを表示する関数を作成しましたが、これも機能せず、最初の ajax 呼び出しの後、ページが非常に遅くなります。
これが私のajax関数です。
function loadPage(path) {
$.ajax({
type: "POST",
context: document.body,
dataType: "html",
timeout: 10000,
url: path
});}
true に非同期化しようとしましたが、デフォルトでは true です。それでも役に立ちませんでした。問題のデモは次の場所で見ることができます: 問題が解決したので削除されました
これはローカルホストでは問題なく動作しますが、リモート サーバーにアップロードするとすぐに問題が発生し始めました。専門家は、私が間違ったことを指摘してください。私はこれからアニメーションをすべて削除しようとしましたが、助けにはなりませんでした。
問題は、各 ajax cal に javascript ファイルをロードして、get および post リクエストが多すぎて、不要な dom の変更が発生したことでした。