.load() ve göreli yollar

Question

.load() bana sorun veriyor. Bir bölüm yükleyici projesi üzerinde çalışıyorum ve ihtiyacım olan dosyayı getiremiyorum.

Ben elde etmek çalışıyorum ne

: #sectionContainer belge yüke boştur, ancak belgenin hazır üzerinde o Pages1.html ile 'dolu' olduğunu. Bu, bir sections.js JavaScript dosyası ile yapılır. JS dosyası ve index.html aynı klasörde DEĞİLDİR. İşte sitenin yapıdır

• ana klasör
  • Proje 1
  • Projesi 2 (sectionLoaderTest /)
    (sitemde projeleri çok çalıştırıyorum)
    • index.html
    • Pages1.html
    • Pages2.html
    • css/
    • js/
      • sections.js
  • Proje 3
  • ...

Ve hazır üzerinde Pages1.html yüklemek için kullandıkları kod: Bildiğim her türlü yöntemi (. /, ./, ../, ..) denedi

$(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); 
     } 
    }); 
}); 

ve hiçbir şey işe yaramıyor gibi görünüyor. İşte test case.

Neyi yanlış yaptığımı bilen var mı?

Answer 1

./Pages1.html çalışmamı mı istediniz? Adres çubuğunda onlar için tüm hesapları test etti.

Answer 2

AJAX URL'leriniz, bulunduğunuz sayfaya göre olmalıdır, böylece "Pages1.html"'u istediğiniz gibi. Test durumunda (..Pages1.html) sahip olduğunuz şey asla geçerli olmayacaktır, çünkü bu geçerli bir başvuru değildir. (../Pages1.html?)