Jquery無法讀取的txt文件

-1

我對jQuery非常非常新奇......初學者級別最多。我一直試圖讓我的代碼接受.xml文件，但它說它無法加載。我在我的本地主機上運行的那一刻，我的代碼：Jquery無法讀取的txt文件

<!doctype html> 
<html> 
<head> 
<title>My Page</title> 
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
</head> 
<body>

<div data-role="header"> 
     <h1>My Title</h1> 
    </div> <!--/header --> 

    <div data-role= "content"> 
     <ul id="myList"> 
     </ul> 
        <script type="text/javascript"> 

    console.log("starting....."); 

    var xml; 

    $(document).ready(function(){ 
     $.ajax({ 
      type:"GET", 
      url:"file:///C:/xammp/htdocs/MWA/lolcatz.xml", 
      dataType:"xml", 
      success:xmlParser 
     }); 
     });    

     function xmlParser(data) { 
      xml = data; 
      $(xml).find("kitteh").each(function() { 
       kitteh= $(this); 
       var name=$(kitteh).find("name").text(); 
       var src=$(kitteh).find("url").text(); 
       $("#myList").append('<li>'+ name+ '<li>'); 
      }); 
    } 
    </script> 
    </div><!-- /content --> 
    <div data-role="footer"> 
     <h4>My Footer</h4> 
    </div> <!-- /footer --> 
</div> 
<!-- /page --> 
</body> 
</html>

我lolcatz.xml是很基本

<LolCatz> 
    <kitteh> 
    <id>1</id> 
    <name>Ceiling Cat</name> 
    <url>http://upload.wikimedia.org/wikipedia/en/9/90/Ceiling_cat_no_text.gif 
    </url> 
    </kitteh> 
    <kitteh> 
    <id>2</id> 
    <name>Basement Cat</name> 
    <url> 
    http://i191.photobucket.com/albums/z37/beamerpi/TeeSting_s_Stuff/basement-cat-eats-souls.jpg 
    </url> 
    </kitteh> 
</LolCatz>

我不知道爲什麼這個心不是工作，有人能告訴我爲什麼它不起作用嗎？或者在這裏指向另一篇文章的方向。非常感謝。

來源

2017-06-24 awnstosh

您不允許使用磁盤中的文件。實例化虛擬主機並將其放入其中。 – FieryCat

文件的URL應該是

http://localhost/MWA/lolcatz.xml

你應該檢查你XAMP config來知道你的文檔根目錄！

來源

2017-06-24 15:29:44

這個根是正確的，但我的控制檯工具中的錯誤說.... XMLHttpRequest無法加載http：//localhost/MWA/lolcatz.xml。請求的資源上沒有「Access-Control-Allow-Origin」標題。因此，'null'原因不允許訪問 – awnstosh

，您還應該在瀏覽器「http：//localhost/MWA/yourpage.html」中通過服務器打開您的頁面。如果你打開它作爲一個文件（你應該看到file：//在瀏覽器中），你將永遠得到該錯誤，除非你禁用瀏覽器安全 –

謝謝，但我上傳到我的服務器，它的工作原理。 – awnstosh

Jquery無法讀取的txt文件

回答

相關問題