私はあなたが正しいと思います。このメソッドはグローバルすぎます...
ただし、これは、AJAX呼び出しがページ自体に影響を与えない場合に適したデフォルトです。(たとえば、バックグラウンド保存)。(「global」:falseを渡すことで、特定のajax呼び出しに対していつでもオフに切り替えることができます-jqueryのドキュメントを参照してください
AJAX呼び出しがページの一部を更新することを目的としている場合、私は「ロード」イメージを更新されたセクションに固有にするのが好きです。どの部分がリフレッシュされるのか知りたいです。
あなたが単に次のようなものを書くことができたらそれがどれほどクールであるか想像してください:
$("#component_to_refresh").ajax( { ... } );
そして、これはこのセクションの「読み込み」を示します。以下は、「読み込み」表示も処理する私が作成した関数ですが、それはajaxで更新している領域に固有のものです。
まず、使い方をご紹介します
<!-- assume you have this HTML and you would like to refresh
it / load the content with ajax -->
<span id="email" name="name" class="ajax-loading">
</span>
<!-- then you have the following javascript -->
$(document).ready(function(){
$("#email").ajax({'url':"/my/url", load:true, global:false});
})
そして、これは機能です-あなたが望むようにあなたが強化することができる基本的なスタートです。それは非常に柔軟です。
jQuery.fn.ajax = function(options)
{
var $this = $(this);
debugger;
function invokeFunc(func, arguments)
{
if ( typeof(func) == "function")
{
func( arguments ) ;
}
}
function _think( obj, think )
{
if ( think )
{
obj.html('<div class="loading" style="background: url(/public/images/loading_1.gif) no-repeat; display:inline-block; width:70px; height:30px; padding-left:25px;"> Loading ... </div>');
}
else
{
obj.find(".loading").hide();
}
}
function makeMeThink( think )
{
if ( $this.is(".ajax-loading") )
{
_think($this,think);
}
else
{
_think($this, think);
}
}
options = $.extend({}, options); // make options not null - ridiculous, but still.
// read more about ajax events
var newoptions = $.extend({
beforeSend: function()
{
invokeFunc(options.beforeSend, null);
makeMeThink(true);
},
complete: function()
{
invokeFunc(options.complete);
makeMeThink(false);
},
success:function(result)
{
invokeFunc(options.success);
if ( options.load )
{
$this.html(result);
}
}
}, options);
$.ajax(newoptions);
};