タスクは簡単です: 別のサイトから 1 つの div を読み込み、それを現在の Web サイトに追加します。jQuery ajax リクエストを使用して全ページ コンテンツをロードします。
$.ajax({
url: news_link,
type: 'GET',
dataType: "html"
}).done(function(data) {
...
}).fail(function(){
...
});
問題は、応答で操作しようとすると発生します。
console.log($(data).find('.widget.newsList'))
このセレクターによって選択された div 要素に画像が含まれていないにもかかわらず、追加の画像リクエストが送信されています。応答内のこれらの画像へのリンクはローカルです (例: '/img/image.png') ため、404 エラーが発生します。ローカルに画像をダウンロードして保存することはオプションではありません。それを回避する方法はありますか?