javascript - jQuery を使用してロード時に別の Web サイトをページに追加する

Question

Web ページに別の Web サイトを追加したいと考えています。

<script>
$("#new-nav").load("https://google.com");
</script>

これはまさに私が達成したいことです。現在のページの URL を使用して別のページを読み込みたい

 <script>
    $("#new-nav").load("http://localhost:8080/xyz/page");
    </script>

しかし、それは機能していません..

<div id="new-nav"></div>

どうすればこれを達成できますか? jQuery ソリューションが必要です。

Answer 1

ロード時に別のウェブサイトを追加

安全なブラウザはそのようには受け入れません。あなたは間違ったことをしており、オリジンポリシーに違反しています

のようなものを使用します

$('#new-nav').html('<iframe src="http://localhost:8080/xyz/page"></iframe>');

同じサイトなら

localhost:8080/xyz/page が機能しているかどうかを確認し、コードを document.ready 関数でラップします。それ以外の場合は、スクリプトが起動しません。

Answer 2

この問題は、.loadリクエストが AJAX リクエストであることが原因である可能性があるようです。別のドメインにある場合、正しく読み込まれません。

jQuery .load の詳細