0

我正在尝试编写一个扩展 jquery 的函数。它似乎正在工作，但在尝试使用它时出现此错误。

XMLHttpRequest 无法加载文件：.../WebstormProjects/JQuery.FormHelpers/_partial.html。Access-Control-Allow-Origin 不允许 Origin null。

js

$.fn.partial = ($,function partial(source){
    $.get(source,function(data){
        if(!data){
            return false;
        }
        else{
            $(this).append(data);
        }
    });

});

测试.html

<!DOCTYPE HTML>
<html>
<head>
    <title>Helper Demo</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="JQuery.FormHelpers.js"></script>
</head>
<body>
<div class="partial"></div>
<script type="text/javascript">
    $(".partial").partial("_partial.html");
</script>
</body>
</html>

_partial.html

<ul>
    <li>Home</li>
    <li>About</li>
    <li>Contact</li>
    <li>Help</li>
</ul>
4

1 回答 1

1

请参阅此问题的答案：

XMLHttpRequest Origin null 不允许使用 Access-Control-Allow-Origin for file:/// 到 file:///（无服务器）

基本上，您的问题是您在本地运行它，访问一个文件，这违反了大多数浏览器的同源策略。你的代码很好。

于 2012-05-10T23:26:41.523 回答