javascript - jquery ajaxは、ターゲットdivではなく外部html全体をロードしています

Question

単純なajaxリクエストを外部のhtmlファイルにロードしていますが、リクエストした特定のdivだけでなく、ページ全体をプルしています。これは.loadを使用した場合にのみ機能しますか？

 $.ajax({
 url: 't3.html #test',
 success: function(data) {
 $('.incoming').append(data);
 }
 });

Answer 1

load()必要なセレクターの外部ページをフィルタリングするメソッドを使用します

$('.incoming').load('t3.html #test');

それ以外の場合は、他のAJAXメソッドを使用して、独自のフィルターを作成する必要があります。これらのメソッドは、コンテンツ自体のURLを解析しません。

$.ajax({
    url: 't3.html',
    success: function(data) {
        var div=$(data).find(' #test'); /* if #test not wrapped in parent use filter instead of find*/
        $('.incoming').append(div);
    }
});

参照： http：//api.jquery.com/load/