2011-12-01 6 views
15

のdivタグにURLをロードする方法: に私のコードhttp://vnexpress.netコンテンツを:私はインラインフレーム私は<code><div id="content"></code> URLをロードする必要があり

+1

http://api.jquery.com/load/ –

+0

vnexpress.netがあなたのドメインではないので、iframeを使用する必要があります – Esailija

+1

"ブラウザのセキュリティ上の制約のため、ほとんどの" Ajax "リクエストは同じ起源要求が異なるドメイン、サブドメイン、またはプロトコルからデータを正常に取得できませんでした。 [リンク](http://api.jquery.com/load/) –

答えて

2

を使用したくない

<html> 
    <head> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $("#content").attr("src","http://vnexpress.net"); 
      }) 
     </script> 
    </head> 
    <body> 
     <div id="content"></div> 
    </body> 
</html> 

をあなたは使用する必要がありますiframe

<html> 
<head> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#content").attr("src","http://vnexpress.net"); 
}) 
</script> 
</head> 
<body> 
<iframe id="content" src="about:blank"></iframe> 
</body> 
</html 
+1

私は使いたくないIfame – vinanghinguyen

+2

次に、サーバー側を実行するプロキシを作成する必要があります。 – circusbred

16

load() functionを試してください。

$('#content').load("http://vnexpress.net"); 

ないこと、このために仕事に、ロードされるURLは、それを呼び出しているページと同じドメイン上にある必要がありますいずれか、またはサーバー上でcross-origin HTTP requests ("Cross-Origin Resource Sharing", short CORS)を有効にしてください。これは最も基本的な形式のsending an additional HTTP headerを含みます:

Access-Control-Allow-Origin:* 

すべての要求を許可します。

5
 
$(document).ready(function() { 
$('#content').load('your_url_here'); 
}); 
3
<html> 
<head> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#content").attr("src","http://vnexpress.net"); 
}) 
</script> 
</head> 
<body> 
<iframe id="content"></div> 
</body> 
</html> 
+0

私は使用したくないIframe – vinanghinguyen

+0

この回答は質問とは関係ありません。 –

0

使用していないのiframeは、もともとのために意図されていなかった、クロスドメインと予想外の方法を発射リンクで#documentのセキュリティ問題を扱うの世界にあなたを置く、あなたは本当に悪い広告は必要なのでしょうか?

jquery .loadファンクションを使用すると、別のドメインから取得しないと仮定して、ターゲットにする任意のhtml要素にページを送信できます。

あなたが別の

のように...設定し、あなたが好きで要素を書き換えることができますが、あなたは1に2つの文書に対して書き込みをされるかもしれない別のファイルを追加する場合 javascriptの.innerHTML値を使用することができます

iframeは古く、javascriptを使わずにHTMLだけに "src"を追加することもできます。しかし、それは古い、先史時代、そしてただの古いOLDです!フレームセットは、複数のhtmlファイルを扱うために#documentを置くことができるので、悪化します。古い方法で人々はナビゲーションメニューのLongを作成し、人々はFLIP電話を持っていました。

1.)はい、Iframeを使用したくない場合は、Javascriptで作業する必要があります。

2)あなたの周りに、サーバーのものを設定しなくても、お互いに等しくなるようにドメインを設定することが可能な優れたハックがあります。あなたは文書の編集能力を持たなければなりません。 IFRAMEそのものに限定されていて、DOM自体を通して何かをつかむしたい場合は、IFRAMEの上に行くことができないのjavascript window.document

3)。それは別のタブのように扱うので、別のドキュメントオブジェクトモデルでも定義します。

関連する問題