私はテンプレートページからhtmlを読み込んで、XMLからコンテンツを読み込むウェブサイトを開発しています。たとえば、これらはdocument.ready関数で呼び出されます。Google Chrome - 失敗したGET ajaxリクエスト
$.ajax({
type : "GET",
url : "template.html",
dataType : "html",
success : function(html) {
var ndoc = document.createElement('html');
ndoc.innerHTML = html;
page = $('body', ndoc);
$('body').html(page.html());
$.ajax({
type : "GET",
url : "XML/content.xml",
dataType : "xml",
success : function(xml) {
page = $(xml).find('chisiamo').find('dialogue')[0];
setupPage(page);
}
});
}
});
これはFirefoxとSafariでうまくいきます。しかし、Chromeでは、template.htmlを読み込もうとすると「Access-Control-Allow-OriginがOriginのnullを許可しません」というエラーが発生します。どうすればこの問題を解決できますか?どうもありがとうございました。
そのスクリーンショットを表示してください。 – zerkms
スクリーンショットを取得しますか?これはChromeのコンソールに表示される正確な文字列です。 'XMLHttpRequestはfile:///Users/***/Dropbox/CorpoMusicale/template.htmlを読み込めません。 Originのnullは、Access-Control-Allow-Originによって許可されていません。 – Lorenzo
あなたは見たことがありますか:http://stackoverflow.com/questions/5224017/origin-null-is-not-allowed-by-access-control-allow-origin-in-chrome-why – Igor