2011-01-10 5 views
1

私はjQueryのドキュメントを見ていて、.loadshorthand methodであることを示していますが、その機能については説明していません。jquery.load()は何の略語ですか?

例えば、.get(url, [data], [callback(data, textStatus, XMLHttpRequest)], [dataType])がの省略形です:

$.ajax({ 
    url: url, 
    data: data, 
    success: success, 
    dataType: dataType 
}); 

そして、これは完全に文書で説明したが、.LOAD()多少異なる何かをすると、単にの大会の外れ値であるように思われます.get,.getJSON,.getScriptおよび.postであり、上記の例と同様である。

正確には.load略語は何ですか?

答えて

4
$('#result').load('ajax/test.html', function(data, textStatus, xhr) { 
    alert('Load was performed.'); 
}); 

は、あなたが(正確に.LOADものを見ることができます

if($('#result').length) { 
    $.get('ajax/test.html', {}, function(data, textStatus, xhr) { 
    if(textStatus=="success" || textStatus=="notmodified") { 
     $('#result').html(data); 
    } 
    alert('Load was performed.'); 
    }); 
} 

の省略形である)、ここで、ソースコードを検査することで行いますhttp://code.jquery.com/jquery-latest.js(それはライン5585の周りです)。

注: URLの後にセレクタを渡すことができます(スペースで区切る必要があります)。これを行うと、すべての応答がドキュメントに挿入されるのではなく、このセレクタで選択されたターゲットドキュメントの一部だけが挿入されます。

+0

注:イベント処理スイートには、.load()という名前のメソッドもあります。どちらが解雇されるかは、渡された引数のセットによって決まります。 –

+0

これはセレクタを考慮していないようです。 – Incognito

+0

例は、セレクタによって選択されたノードに適用されるload()を示します。#result –

0

この方法は、 がサーバーからデータをフェッチする最も簡単な方法です。グローバル関数ではなく メソッドであり、暗黙的なコールバック関数 がある点を除いて、$ .get(url、data、 成功)とほぼ同じである です。 成功応答が検出された場合(つまり、textStatusが "success"の場合は 、変更されていない場合は )、load()は返されたデータ に一致する要素のHTML の内容を設定します。

manualより。

+1

* "それはそれ以外...とほぼ同等です..." *は答える必要があります質問。なぜdownvote? –

1

​​は、.get()メソッドを受け取り、指定されたDOMコレクションにAJAXリクエストの内容が自動的に入力されることで、さらに1ステップ進んでいきます。

基本的には、代わりにこれを書いている:

$.get(url, function(data, ts, xhr) { 
    $("#someElement").html(data); 
}); 

をあなたはちょうどこの書くことができます。

$("#someElement").load(url); 
関連する問題