2016-12-23 4 views
0

Nachdem ich Chrom Cookies & Caches gelöscht habe, begann ich XMLHttpRequest Fehler zu erhalten, wenn ich auf einen Link klicke, dass seine href eine JavaScript-Funktion ist. Der Link öffnet eine bootstrap modal und sie werden in a dojo ajax component dynamisch erstellt. Wenn ich auf den Link klicke, bekomme ich XMLHttpRequest Fehler.XMLHttpRequest: Kreuzherkunftsanforderungen werden nur unterstützt

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 importieren DOJO im <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 und an der Unterseite des <body>

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

Die dynamische Link <a>:

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

Die JS-Funktion befindet sich in einer anderen Datei.

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

Dieser Fehler trat auf, nachdem ich Chrom-Caches und Cookies gelöscht hatte. Was muss ich tun, um diesen Fehler zu beheben?

PS: Das Projekt läuft auf Tomcat.

Antwort

1

änderte ich meine Funktion als

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

und fügen onclick für <a>

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