2017-10-11 10 views
0

ウェブサイトの特定のコンテンツ(データテーブル)を同じWebサイトの他のページ(記事など)に含めることができます。私は、 "このコードをテーブルに入れる記事にこのコードを貼り付けます:[..]"ルートを想像します。別のhttpリクエストからのHTMLコンテンツをiframeなしで埋め込む

私はiframeを必要としません.HTMLを直接挿入したい(私はすでに、可能なフォーマットの1つとしてHTMLテーブルを返すGET APIを持っている)。

これはHTMLでどのように行われることが意図されていますか?

私は別の質問を見てきましたが、それらは主に私の場合問題ではないCORSと闘うようです。

<div 
    class="replace-me-by-src-content" 
    data-src="http://the.long.url" > 
</div> 

と読み込みは、各.replace-me-by-src-content要素の世話をするだろういくつかの常に存在するJavaScriptによって行われることになります。

私の素朴なattepmtは、このような埋め込みコードを作成することです。

javascriptを使用せずにクリーンな方法がありますか?特定のタグにsrc属性を指定するだけで画像やスタイルシートを直接挿入することができます。ブラウザはGET要求を行い、応答を挿入します。普通のhtmlの挿入に対しても同じことができますか?

+0

? – StuiterSlurf

答えて

3

オブジェクトを使用して外部ページを読み込むことができます。

<object type="text/html" data="http://www.example.com" style="width:100%; height:100%"></object> 

または、jqueryを使用する必要があります。 HTMLだけで

<script>$("#testLoad").load("http://www.example.com");</script> 
<div id="testLoad"></div> 

<object type="text/html" data="https://www.example.com" style="width:100%; height:100%"></object>

+0

ニース、それは 'object'タグがまさに私が探していたものだと思われます。私の場合、どのように動作するかをチェックします。 –

関連する問題