Question

我尝试在我的电脑上使用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存在。

我怎样才能解决我的问题。

Answer 1

Ajax正在您的计算机上运行，但不会使用以file://开头的URL，因为ajax需要请求服务器获取文件。因此，如果要使用ajax，则必须安装wamp服务器并将文件移入。

jquery ajax在我的电脑上没有用

1 个答案: