Meu arquivo XML não está sendo usado pelo Google Chrome e pelo Internet Explorer

Eu estou fazendo um aplicativo javascript simples onde eu preciso carregar um arquivo xml e mostrá-lo na frente do usuário. mas meu código funciona apenas no Mozilla Firefox, mas quando se trata de chrome e Internet Explorer eles não estão funcionando. Estou carregando meu documento XML em uma máquina local.

<code>$(document).ready(function() {
    $('.buttons').slideToggle('medium');

    $.ajax({ 
    url: "dictionary.xml", 
    success: function( xml ) { 
        $(xml).find("word").each(function(){ 
            $("ul").append("<li>" + $(this).text() + "</li>");
        }); 
   } 
    });
}
</code>

E aqui está meu XML

<code> <?xml version="1.0" encoding="UTF-8"?> 
  <xml> 

    <word> 
      <threeletter>RIP</threeletter> 
      <fourletter>PIER</fourletter>
      <fiveletter>SPIRE</fiveletter> 
      <sixletter>SPIDER</sixletter> 
     </word>

     <word> 
      <threeletter>SUE</threeletter> 
      <fourletter>EMUS</fourletter>
      <fiveletter>SERUM</fiveletter> 
      <sixletter>RESUME</sixletter> 
     </word>

     <word> 
      <threeletter>COO</threeletter> 
      <fourletter>CON</fourletter>
      <fiveletter>CONDO</fiveletter> 
      <sixletter>CONDOM</sixletter> 
     </word>

    </xml>
</code>

Eu encontrei o erro, aqui está

<code>XMLHttpRequest cannot load file:///C:/Users/John/Desktop/JsTwist/dictionary.xml. Origin null is not allowed by Access-Control-Allow-Origin.
</code>

questionAnswers(1)

yourAnswerToTheQuestion