ローカルに配置されたファイルのjQuery .load（）のクロス起点問題

Question

非常に基本的なjQueryコーディングで厄介なクロス起点問題に直面しています。私はローカルのtest-1.htmlファイルを私のメインのjavascriptファイルから呼び出す/ロードしようとしています。

$('.load-container').load('test-1.html', function(data) { 
    $('.load-container').html(data); 
}); 

私はクラスload-containerとdivにtest-1.htmlの内容を移入します。ファイルpath--を - ：

XMLHttpRequestがファイルをロードすることはできません。

は私が述べてコンソールでエラーが発生します。 Cross originリクエストは、http、data、chrome、chrome-extension、https、chrome-extension-resourceのプロトコルスキームでのみサポートされています。

ローカルに配置されたファイルを呼び出すと、CORSの問題が発生する可能性があります。私はこの問題を解決するためにあなたの助けに感謝します。

Answer 1

このエラーはセキュリティ上の理由で許可されていないfile://プロトコルへのリクエストを行っていることを意味します。 Webサーバーでリクエストを実行する必要があります。リモートサーバーがない場合は、XAMPまたはIISをローカルマシンにインストールできます。これを行う方法については、多くのガイドが用意されています。

$('.load-container').load('test-1.html');