Question

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

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

JS

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

});

的test.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>

Answer 1

请参阅此问题的答案：

XMLHttpRequest Origin null is not allowed Access-Control-Allow-Origin for file:/// to file:/// (Serverless)

基本上，您的问题是您在本地运行此文件，访问文件，这会破坏大多数浏览器的同源策略。你的代码很好。

扩展Jquery：渲染部分

1 个答案: