Question

我对jQuery非常新，最初是初学者。我一直试图让我的代码接受一个.xml文件，但它说它无法加载。我现在正在我的本地主机上运行，我的代码是：

<!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>

我不知道为什么这不起作用，有人可以告诉我为什么它不起作用？或者指点我在另一篇文章的方向。非常感谢。

Answer 1

文件网址应为

 http://localhost/MWA/lolcatz.xml

你应该检查你的XAMP配置，知道你的文档根目录在哪里！

Jquery不可读的txt文件

1 个答案: