Yerel json dosyasına nasıl erişilir ve içeriğe salt JavaScript ve AJAX ile nasıl yüklenir?

Question

Ben bazı web şablonu için örnek yapıya sahiptir:

<div class="navbar"> 
     <a id="home" href="#"></a> 
     <a id="about" href="#"></a> 
     <a id="team" href="#"></a> 
     <a id="contact" href="#"></a> 
    </div> 

    <div> 
     <p id="content"></p>   
    </div> 

Ve yerel menu.json dosyası:

[ 
    {"value":"Home" , "content":"This is default Home Page"}, 
    {"value":"About" , "content":"This is default About Page"}, 
    {"value":"Team" , "content":"This is default Team Page"}, 
    {"value":"Contact" , "content":"This is default Contact Page"} 
] 

Ben sadece bir paragrafta içine Ajax dinamik Request menü öğelerini yüklemek ve ardından içerik ile istiyorum. Ama sorun, menu.json dosyasına erişemem. Lütfen bana yardım, bu artık benim js dosyasıdır:

function loadJSON() { 
    var request; 
    if (window.XMLHttpRequest) { 
     request = new XMLHttpRequest(); 
    } else { 
     request = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    request.open('GET', 'menu.json'); 
    request.onreadystatechange = function() { 
     if((request.readyState===4) && (request.status===200)) { 
      var items = JSON.parse(request.responseText); 
      console.log(items); 
     } 
    } 
    request.send(); 
} 

Answer 1

Bu çalışma, tüm tarayıcılarda çalışacak bir web sunucusu kullanıyorsanız denemek yapmak istiyorsanız Bu, bu çapraz kaynaklanmaktadır, Mozzila FF çalışabilir tarayıcı ilkesi güvenliği