ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_javascript スキルにおけるプロトタイプと Ajax 実装の違い

jquery_javascript スキルにおけるプロトタイプと Ajax 実装の違い

WBOY
WBOYオリジナル
2016-05-16 18:46:43948ブラウズ

まず、Jquery での Ajax の実装とプロトタイプをリストしてみましょう。
Jquery:

コードをコピー コードは次のとおりです:

<スクリプト言語="javascript ">
$(function(){
var box = {};
var remoteUrl = 'index.php';
box.interval = 5*60*1000;/ /5 分
box.showBoxInfo = function() {
jQuery.get(remoteUrl, function(data){
var msg_box = $('#msg_box');
msg_box.innerHTML = data ;
}
});
}
this.showBoxInfo();
setInterval(this.showBoxInfo,this.interval); 🎜>} ;
box.run();
})



プロトタイプ:


コードをコピー コードは次のとおりです: >

実際、setInterval 関数を導入するとプロトタイプが更新できなくなるのはなぜでしょうか。
プロトタイプには同じ URL のキャッシュ機構があるため、特にユーザーが F5 を使用するか「更新」をクリックした後、Ajax 応答領域が空白になるというバグが発生します。そのため、プロトタイプを更新してはなりません。
プロトタイプの URL に乱数を追加します
元の形式: var reverseUrl = 'index.php';
変更後: var remoteUrl = 'index.php?rand=' Math.random();
ページ表示に関係のないパラメータを生成するにはGETメソッドを使用します。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。