JQuery 不适用于 Chrome 和 IE

Question

$(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
 });
});

上面的代码在 Firefox 上运行良好，但在 chrome 或 Internet Explorer 上无法运行。它有什么问题？

Answer 1

默认情况下，在本地、chrome 和 IE 上不支持 ajax 请求。 （同源错误）。

请尝试将您的文件直接放在服务器上。或在本地服务器上激活足够的标头（Access-Control-Allow-Origin）。

并添加 content-type 和发送请求参数：

$.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
    });

您可以在这里找到更多信息：jQuery xml error ' No 'Access-Control-Allow-Origin' header is present on the requested resource.'