2012-06-13 21 views
7

別のサイトにある特定のhtml要素のhtmlを取得するにはどうすればよいですか?AJAXで別のページからdivのhtmlを取得する方法は?

ソリューション:

$.ajax({ 
url: 'somefile.html', 
success: function(data) { 
    data=$(data).find('div#id'); 
    $('#mydiv').html(data); 
    alert('Done.'); 
} 
}); 
+0

「別のページ」とは、自分のページの1つを意味しますか?まったく違うウェブサイトのページですか? – kevin628

+0

非常にありそうもない...同じWebアプリケーション/サイトでない限り、これは明らかなセキュリティ上の理由で不可能かもしれない –

+1

[何を試しましたか?](http://whathaveyoutried.com) – sczizzo

答えて

4

あなたがHTMLを取り戻すときだけ内側に入れ、その後、PHPのAjaxの呼び出しやその他のファイルを作成したいページをつかむと、DIVを抽出し、それをエコーするCURLまたは他のツールを使用し、あなたのページのdiv

$.ajax({ 
    url: 'somefile.html', 
    success: function(data) { 
        data=$(data).find('div#id'); 
     $('#mydiv').html(data); 
     alert('Done.'); 
    } 
    }); 
+0

jQueryの1行のコードでこのような長いコードを使用するのはなぜですか? – gopi1410

+0

彼はすべてのオプションを知らせるだけです。多くの場合、カールを覚えることは確かに役立ちます。 – user1415567

+0

これは動作しません –

13

あなたは$に.get()とは異なり、 の部分を指定するために私たちを可能にする、追加の容器

.LOAD()メソッドで$.loadを使用することができます挿入されるリモートドキュメント。ここで

$('#result').load('ajax/test.html #container'); 
5

あなたが行く:

$('#div_id_in_your_page').load('ajax_page.html #required_div'); 

クラスの場合:

$('.div_class_in_your_page').load('ajax_page.html #required_div'); 
+0

セレクタのURL文字列にはスペースが必要です。 – Mathletics

+0

@Mathletics。彼のために簡単に修正することができます。 – gdoron

+0

おっと、それを逃した@ gdoronありがとう:) – gopi1410

0

あなたはまた、次のように使用することができます。

$.ajax({ 
    url:"page2.html", 
    success:function(response){ 
     $("#currentDIV").html(response); 
    },error:function(){ 
     alert("error"); 
    } 
}); 
1

一つの方法は次のとおりです。

  • は、サーバーサイドスクリプト

  • このスクリプトは、リモートページをフェッチし、応答としてHTMLを返すにAJAX呼び出しを送信してください。 (通常はJSONが好ましい)

  • あなたのページは最終的にhtmlにアクセスします。

関連する問題