Question

这是代码工作正常：


      {html}
      {head>
           {**link rel="stylesheet" href="http://localhost:3000/CSS/mystyle.css"**}
      {/head}
      {body}
      {/body}
      {/html}

但是这个带有相同网址的代码给了我一个问题： XMLHttpRequest无法加载“href =”http：// localhost：3000 / CSS / mystyle.css“.Access-Control-Allow-Origin不允许使用Origin。


        $(document).ready(function() {

               var href = 'http://localhost:3000/CSS/mystyle.css';

               $.ajax({
                   url: href,
                  dataType: 'text/css',
                   success: function(data) {
                       $('\n' + data + '').appendTo("head");
                   }
               });
           });

真的不明白是什么问题，都叫HttpRequest？谢谢，任何帮助。

Answer 1

最简单的答案是使用本地Web服务器，如WAMP（或IIS），如果您还没有。

第二个答案是

Chrome和Safari对使用ajax和本地资源有限制。这就是为什么它会抛出像

这样的错误

Access-Control-Allow-Origin不允许
Origin null。

解决方案：使用firefox或将数据上传到临时服务器。如果您仍想使用Chrome，请使用以下选项启动它;

--allow-file-access-from-files

有关如何将以上参数添加到Chrome的更多信息：右键单击任务栏上的Chrome图标，右键单击弹出窗口中的Google Chrome并单击属性并添加以上内容“快捷方式”选项卡下“目标”文本框内的参数。它将如下所示;

C:\Users\XXX_USER\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files

相同的url，就像引用样式一样，但不像AJAX调用那样工作

1 个答案: