jqueryでHTMLファイルを追加できません

この質問は何度か尋ねられましたが、私はこれに問題が発生しています。私はindex.htmlを用jqueryでHTMLファイルを追加できません

otherpage.html私のコードの内容と私のindex.htmlファイルを追加したいは

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $.get("otherpage.html", function (data) { 
       $("#appendToThis").append(data); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div id="appendToThis"></div> 
</body>

され、otherpage.htmlのための私のコードは

<p>This is second page.</p>

です

Index.htmlを開くと、空白のページが表示されます。誰でも間違いがどこにあるのか教えてください。アドバンスありがとう

出典

2017-02-28 HN Singh

ファイルシステムでajaxを実行できません – mehulmpt

コードは正常に動作しています。ほとんどの場合、CORSエラーが発生している可能性があります。 Webサーバで読み込みを試みてください。 – APAD1

コンソールにエラーが記録されますか？ –

ファイルをウェブサイトまたはローカルホスト上で実行します。 Ajaxリクエストは、ファイルプロトコル上のクロムブラウザでは無効になっています。

あなたが本当にそれを実行したい場合は、以下のフラグを試すことができます：chrome --allow-file-access-from-files

出典

2017-02-28 18:50:11 mehulmpt

downvoteの理由は？ – mehulmpt

-1

を、それが

<script type="text/javascript"> 
    $(function() { 
     $("#appendToThis").load("otherpage.html"); 
    }); 
</script>

出典

2017-02-28 18:53:08

これは、私はあなたが探しているものであると考えているもう一つの答え質問ですが働くことを願ってみてください：

How to load another html file using JS

この例は、他の人がこのスレッドで作っていたいくつかのポイントを使用しています。 JSがファイルを読み込み、解析して、その情報を置き換えるように、AJAXの要求が必要になります。この例ではonClickメソッドを使用していますが、定義したAJAX呼び出し関数を実行するために（ロード時を含めて）好きなメソッドを使用できるはずです。

出典

2017-02-28 19:00:34 malodie

あなたのコードは問題なく、問題は次のようになります。server.youはhttp-serverを使用することができますが、ウェブのページを実行する必要がありますので、デフォルトのブラウザで

は、AJAXを介してシステムからファイルをロードすることはできませんこのサーバーは使いやすくインストールが簡単ですが、まずnodejsをインストールする必要があります。
サーバー上でページを実行しても部分ページを読み込めない場合、部分ページURLが間違っている可能性があります。

出典

2017-02-28 19:09:13

jqueryでHTMLファイルを追加できません

答えて

関連する問題