XMLHttpRequest：クロスオリジン要求のみがサポートされています

クロムクッキー&キャッシュをクリアした後、hrefがjavascript関数であるリンクをクリックするとXMLHttpRequestエラーが発生しました。リンクはbootstrap modalを開き、a dojo ajax componentに動的に作成されます。リンクをクリックすると、XMLHttpRequestエラーが発生します。XMLHttpRequest：クロスオリジン要求のみがサポートされています

jquery-1.11.3.min.js:5 XMLHttpRequest cannot load javascript:sa(5). Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Iは<body>

<script type="text/javascript" 
     src='<c:url value="/resources/js/jquery-1.11.3.min.js" />'></script>

の下部に<header>

<script type="text/javascript" 
    src='<c:url value="/resources/js/dojo-release-1.10.0/dojo/dojo.js" />' 
    djConfig="parseOnLoad: true, usePlainJson: true, isDebug: false, async: false"></script>

とjQueryにダイナミックリンク<a> DOJOをインポート：

<a data-toggle="modal" data-target="#roomModal" href="javascript:sa(5)">Deluxe Double Room</a>

JS関数は別のファイルにあります。

function sa(accommodationRoomId) { 
    var modalHeader = document.getElementById("modalHeader"); 
    modalHeader.innerHTML += accommodationRoomId; 
}

このエラーは、ChromeのキャッシュとCookieを消去した後に表示されるようになりました。このエラーを修正するにはどうすればよいですか？

PS：このプロジェクトはTomcatで実行されています。

出典

2016-12-23 Alican Balik

私は

function sa(_this) { 
    var modalBody = document.getElementById("modalBody"); 
    modalBody.innerHTML += "<span>"+_this.id+"</span>"; 
    console.log(_this); 
}

としての私の機能を変更し、<a>

<a data-toggle="modal" id="5" data-target="#roomModal" onclick="sa(this)">Deluxe Double Room</a>

ため onclickを追加

出典

2016-12-23 13:38:02

XMLHttpRequest：クロスオリジン要求のみがサポートされています

答えて

関連する問題