.load() và đường dẫn tương đối

Question

.load() đang gây rắc rối cho tôi. Tôi đang làm việc trên một dự án tải phần và tôi dường như không thể tìm nạp tệp mà tôi cần.

Những gì tôi đang cố gắng để đạt: #sectionContainer là trống trên tải tài liệu, nhưng trên tài liệu sẵn sàng nó là 'điền' với Pages1.html. Điều này được thực hiện bằng một tệp JavaScript sections.js. Tệp JS và index.html KHÔNG ở trong cùng một thư mục. Dưới đây là các cấu trúc trang web (Tôi đang chạy rất nhiều các dự án trên trang web của tôi)

• thư mục chính
  • Dự án 1
  • Dự án 2 (sectionLoaderTest /)
    • index.html
    • Pages1.html
    • Pages2.html
    • css/
    • js/
      • sections.js
  • Dự án 3
  • ...

Và mã tôi sử dụng để tải Pages1.html trên đã sẵn sàng:

$(document).ready(function() { 
    $("#sectionContainer").load("../Pages1.html", function (response, status, xhr) { 
     if (status == "error") { 
      var msg = "An error occurred. Status code: "; 
      $("#error").html(msg + xhr.status + ". Status text: " + xhr.statusText); 
     } 
    }); 
}); 

Tôi đã thử mọi phương pháp có thể (. /, ./,, ../, ..) mà tôi biết và không có gì có vẻ hiệu quả. Đây là test case.

Có ai biết tôi đang làm gì sai không?

Answer 1

./Pages1.html sẽ hoạt động. Đã kiểm tra tất cả các tài khoản cho chúng trong thanh địa chỉ.

Answer 2

URL AJAX của bạn phải liên quan đến trang bạn đang truy cập, vì vậy bạn muốn "Pages1.html". Những gì bạn có trong trường hợp thử nghiệm (..Pages1.html) sẽ không bao giờ hoạt động, vì đó không phải là tham chiếu hợp lệ. (Ý của bạn là làm ../Pages1.html?)