2016-04-18 15 views
3
$(document).ready(function(){  // load jQuery 1.5 
    function loadfail(){ 
    alert("Error: Failed to read file!"); 
} 

function parse(document){ 
$(document).find("el").each(function(){ 
    var optionLabel = $(this).find('text').text(); 
    var optionValue = $(this).find('value').text(); 
    $('#el').append(
    '<option value="'+ optionValue + '">' + optionLabel + '</option>' 
    ); 
}); 
} 

$.ajax({ 
    url: "ednlevel.xml", // name of file with our data - link has been renamed 
    dataType: 'xml', // type of file we will be reading 
    success: parse,  // name of function to call when done reading file 
    error: loadfail  // name of function to call when failed to read 
}); 
}); 

Der obige Code funktioniert gut mit Firefox, aber es funktioniert nicht auf Chrome oder Internet Explorer. Was ist daran falsch?JQuery funktioniert nicht mit Chrome und IE

+0

Ich erhalte eine Fehlermeldung wie „Datei kann nicht lesen“ –

+0

Press F12 erhalten Ihr Fehlerprotokoll und überprüfen Sie es –

+0

Es würde Ihnen helfen, uns zu sagen, was nicht funktioniert. Was siehst du und was erwartest du zu sehen? –

Antwort

0

standardmäßig auf lokales, Chrom und IE nicht mit Ajax-Request arbeiten. (gleicher Ursprungsfehler)

Bitte versuchen Sie Ihre Datei direkt auf dem Server zu setzen. Oder aktiv angemessene Header (Access-Control-Allow-Origin) auf Ihrem lokalen Server.

und Content-Typ hinzufügen und Anfrageparameter senden:

$.ajax({ 
     type:"get", 
     url: "ednlevel.xml", // name of file with our data - link has been renamed 
     dataType: 'xml', // type of file we will be reading 
     contentType: "text/xml", 
     success: parse,  // name of function to call when done reading file 
     error: loadfail  // name of function to call when failed to read 
    }); 

können Sie weitere Informationen finden Sie hier: jQuery xml error ' No 'Access-Control-Allow-Origin' header is present on the requested resource.'

Verwandte Themen