ajax - .load の内容を変数に貼り付ける

Question

jQuery を使用し.loadて、ロードされたコンテンツを変数に貼り付けて、変数を使用して後で別のものに追加できるようにすることは可能ですか?

Answer 1

できますが、これは不要です。代わりにメソッドを使用して$.get、応答に直接アクセスしてください。

$.get("foo.php",function(response){
    console.log(response);
});

$.load両方を実行する場合 (つまり、応答を div にロードし、返されたデータを使用する場合)、メソッドでコールバックを同様に使用できます。

Answer 2

よるドキュメント：

.load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] )

したがって、応答を保存する関数を作成できます。

$('#result').load('ajax/test.html', function(responseText, textStatus, request) {
    alert(responseText);
});

他のアプローチは、$.getまたは$.postメソッドを使用することです:

$.get('ajax/test.html', function(data) {
    $('.result').html(data);
    alert(data);
});

$.post('ajax/test.html', function(data) {
    $('.result').html(data);
    alert(data);
});

Answer 3

$(selector).load(url);

次の省略形です。

$.get(url, data, function(response) {
    $(selecton).replaceWith(response);
});

Answer 4

AJAXでこのようなことを試すことができます

$.post(yourfile,function(response) {
     //div hidden with the html of your page
      $("#hiddendiv").html(response);
});

または get を使用

$.get(yourfile,function(response) {
     //div hidden with the html of your page
      $("#hiddendiv").html(response);
});

Answer 5

その場合は、jquery の GET、POST、または AJAX メソッドを使用します。
.loadjquery のメソッドは内部的に非同期 http リクエストのみを使用するため、上記のすべてのメソッドを使用します。