0

我尝试在我的 PC 上使用 AJAX get 方法。

我的 jquery 版本是 1.10 ，当我将文件从其他系统的 localhost 移动到我的桌面时检测到我的问题。

我看到代码在其他系统 localhost 中确实正确，但是在我的桌面上移动时不起作用并在 google chrome 上显示此错误：

OPTIONS file:///C:/Users/Ab3/Desktop/od/file3.htm Origin null is not allowed by Access-Control-Allow-Origin. jquery.min.js:6
XMLHttpRequest cannot load file:///C:/Users/Ab3/Desktop/od/file3.htm. Origin null is not allowed by Access-Control-Allow-Origin. index.html:1

并且在 firefox 中不起作用，但在 fire bug 中没有显示任何错误。

我的html代码是：

        <button  class="tt" title="1" > btn1 </button>
        <button  class="tt" title="2" > btn2 </button>
        <button  class="tt" title="3" > btn3 </button>
        <div class="pop" id="popup">
            <div class="popup_close" id="pclose"></div>
        </div>

和我的jQuery代码：

            $(document).ready(function (){
                $(".tt").click(function () {
                    var val = $(this).attr('title') ;
                    //alert(val);
                    $.get("file"+val+".htm",function (inp) {
                    alert(1);
                        $(".pop").html(inp);
                    });
                     $('#popup').show(300);
                });
                $('#pclose').click(function (){
                    $('#popup').hide(300);
               });
            });

我确定文件的 file1.htm file2.htm file3.htm 存在。

我怎样才能解决我的铅。

4

1 回答 1

3

Ajax 在您的计算机上运行，​​但不是以 url 开头，file://因为 ajax 需要请求服务器获取文件。所以，如果你想使用 ajax，你必须安装一个 wamp 服务器并将你的文件移入。

于 2013-07-21T05:30:47.770 回答