首页 文章

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

提问于
浏览
0

这是代码工作正常:

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

但是这个带有相同网址的代码给了我一个问题: XMLHttpRequest cannot load "href="http://localhost:3000/CSS/mystyle.css". Origin null is not allowed by Access-Control-Allow-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?谢谢你的帮助 .

1 回答

  • 1

    最简单的答案是使用像WAMP(或IIS)这样的本地Web服务器(如果您还没有) .

    第二个答案是

    Chrome和Safari对使用ajax和本地资源有限制 . 这就是它抛出错误的原因

    Access-Control-Allow-Origin不允许使用原点null .

    Solution: 使用firefox或将数据上传到临时服务器 . 如果您仍想使用Chrome,请使用以下选项启动它;

    --allow-file-access-from-files
    

    More info how to add the above parameter to your Chrome: 右键单击任务栏上的Chrome图标,右键单击弹出窗口中的Google Chrome并单击属性,然后在“快捷方式”选项卡下的“目标”文本框中添加上述参数 . 它将如下所示;

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

相关问题