ページをURLで指定して、要素内にHTMLとして出力
サンプルコードと合わせてみていきたいと思います。
まずは取得したいコンテンツ（＝要素）があるページのURLを指定します。
そして、find関数で取得する要素を取得し、その要素を変数へ格納させ、表示させたいHTMLの中の要素へappend関数で出力します。
プログラミングナレッジ
https://designsupply-web.com/knowledgeside/2086/
【sample.html】
＜body＞
＜script＞
$(function(){
$.ajax({
url: 'http://example.com', // 表示させたいコンテンツがあるページURL
cache: false,
datatype: 'html',
success: function(html) {
var h = $(html).find('#hoge'); // 表示させたいコンテンツの要素を指定
$('#wrap').append(h); // append関数で指定先の要素へ出力
}
});
});
＜/script＞
＜div id="wrap"＞
＜/div＞
＜/body＞
＜body＞
＜script＞
$(function(){
$.ajax({
url: 'http://example.com', // 表示させたいコンテンツがあるページURL
cache: false,
datatype: 'html',
success: function(html) {
var h = $(html).find('#hoge'); // 表示させたいコンテンツの要素を指定
$('#wrap').append(h); // append関数で指定先の要素へ出力
}
});
});
＜/script＞
＜div id="wrap"＞
＜/div＞
＜/body＞
0 件のコメント:
コメントを投稿