0

重複の可能性:
AJAX を使用して外部コンテンツを読み込む

私はJQueryプログラミングに非常に慣れておらず、さまざまなWebページを個別のdivにロードしようとしていますが、うまくいかないようです。何が間違っていますか?

div idごとのページの読み込みは次のとおりです

$(function(){

   $('#google').load('https://www.google.nl/');
   $('#bing').load('http://www.bing.com/');
});

複数のページを表示するための残りのコード:

<div data-role="page" id="main"> 

    <div data-role="header" data-position="fixed"> 
        <h1>Search</h1> 
    </div>

    <div data-role="content">   
        <h2>define your choice</h2>       
        <p>Go to: <a href="#google">google</a></p> 
        <p>Go to: <a href="#bing">bing</a></p> 
    </div>

    <div data-role="footer" data-position="fixed"> 
        <h4>Footer</h4> 
    </div>
</div>


<!-- Start of second page --> 
<div data-role="page" id="GameFart" data-add-back-btn="true"> 

    <div data-role="header" data-position="fixed"> 
        <h1>google</h1> 
    </div> 

    <div data-role="content">   
 <div id="google">
    </div>

    <div data-role="footer" data-position="fixed"> 
        <h4>Footer</h4> 
    </div>
</div>

<!-- Start of third page --> 
<div data-role="page" id="GameSpecials" data-add-back-btn="true"> 

    <div data-role="header" data-position="fixed"> 
        <h1>bing</h1> 
    </div>

    <div data-role="content">   
 <div id="bing">
    </div>

    <div data-role="footer" data-position="fixed"> 
        <h4>Footer</h4> 
    </div>
</div>
4

2 に答える 2

2

jQueryは AJAX を使用しており、AJAX は、こちらで.load()読むことができる同じオリジン ポリシーに従ってブラウザーによって制限されています。

つまり、別のドメインにある他の Web サイトのコンテンツを自分のページに自由にロードすることはできません。

一部のサイトは iframe を使用して埋め込むことができますが (ブラウザで許可されます)、特定のサイトではそれらを iframe に配置できない場合があります (Google など)。

于 2013-01-13T18:03:52.320 に答える
-1

問題はあなたのコードではありません。これはむしろ、Bing や Google を含む特定の Web サイトのポリシーです。

通常の HTML では、Google を表示するフレームを作成することはできません。Google が許可していないからです。AJAX と同じです。そして@FelixKlingは正しいです。

于 2013-01-13T17:46:29.350 に答える