2013-07-30 28 views
10

Tôi đã tạo tệp html đơn giản với ajax đơn giản.Ajax trong Jquery không hoạt động từ tệp cục bộ

index.html:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"> 
<script type="text/javascript" src="jquery.js"></script> 
</head> 
<body> 
    <div id="content"></div> 

    <script> 
     function show() 
     { 
       $.ajax({ 
       url: "2.html", 
       cache: false, 
       success: function(html){ 
        $("#content").html(html); 
       } 
      }); 
     } 

     $(document).ready(function(){ 
      show(); 
      setInterval('show()',1000); 
     }); 
    </script> 

</body> 
</html> 

file 2.html nằm trong cùng thư mục với file index.html . Và chứa ví dụ:

<p>ssss hkl jh lkh <b>d1111</b></p> 

Khi tôi chạy index.html trên máy chủ web, mọi thứ hoạt động. Nhưng nếu bạn chạy tệp index.html trên máy tính dưới dạng tệp ajax cục bộ không hoạt động. Làm thế nào để sửa chữa nó?

+0

Có phải 'jquery.js' bên cạnh' index.html' không? –

+3

Bạn có trong Chrome không? Chrome không cho phép nội dung ajax cục bộ. – Jack

Trả lời

10

Đây là sự cố đã biết với Chrome, nếu bạn đang kiểm tra. Sử dụng XAMPP để chạy một máy chủ web cục bộ và kiểm tra cuộc gọi ajax của bạn.

Kiểm tra vé này: https://code.google.com/p/chromium/issues/detail?id=40787

+4

Thậm chí nhanh hơn, sử dụng Python (tất nhiên). Trong nhà ga: 'cd/path/to/dự án/folder' sau đó '> python -m SimpleHTTPServer 8080' Sử dụng http://127.0.0.1:8080/ hoặc một biến thể hệ thống của bạn có thể mong muốn. (OSX, Py 2.7x) –

+2

Hoặc bạn có thể sử dụng node.js. > npm cài đặt -g http-server > cd/đường dẫn/đến/dự án/thư mục > http-server – Mark

15

Một số trình duyệt triển khai các biện pháp bảo mật mạnh mẽ để ngăn các trang web tải xuống truy cập các tệp tùy ý trên hệ thống tệp.

Chuyển sang trình duyệt có bảo mật kém hơn (Tôi nghĩ Firefox cho phép truy cập vào các tệp cục bộ qua XHR) hoặc ngừng cố gắng chạy một trang web không có HTTP.

+0

Ngoài ra với chrome với dòng lệnh sau: 'chrome --allow-file-access-from-files' – pdem

Các vấn đề liên quan