为什么页面加载不出信息

我通过`jquery`读取`xml`文件内容,生成表格。但是实际上页面更不不显示任何东西。麻烦大家帮我看看哪错了

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="jquery-3.1.1.min.js"></script>
  <title>Document</title>
</head>
<body>
  <script type="text/javascript">
  $(document).ready(function(){
        $.ajax({
            url:"1.xml",
            type:"GET",
            dataType:"xml",
            success:function(xml){
            var htmlData="<table border='1'>";
            $(xml).find('student').each(function(){
              var $student = $(this);
              var name = $student.find('name').text();
              var num = $student.find('num').text();
              var sex = $student.find('sex').text();
              var age = $student.find('age').text();
              var dept = $student.find('dept').text();
              htmlData += '<tr>'+'<td>'+name+'</td>'+'<td>'+num+'</td>'+'<td>'+sex+'</td>'+'<td>'+age+'</td>'+'<td>'+dept+'</td>'+'</tr>';
            });
            htmlData+="</table>";
            $("body").append(htmlData);
          },
        });
      });
  </script>
</body>
</html>

<?xml version="1.0" encoding="utf-8" ?>
<message>
<student>
<name>NAME</name>
<num>NUM</num>
<sex>SEX</sex>
<age>AGE</age>
<dept>DEPARTMENT</dept>
</student>
<student>
<name>jack</name>
<num>2012001</num>
<sex>man</sex>
<age>20</age>
<dept>English</dept>
</student>
<student>
<name>John</name>
<num>2012002</num>
<sex>man</sex>
<age>21</age>
<dept>Chinese</dept>
</student>
<student>
<name>Max</name>
<num>2012003</num>
<sex>woman</sex>
<age>19</age>
<dept>Cumputer</dept>
</student>
<student>
<name>Kitty</name>
<num>2012004</num>
<sex>woman</sex>
<age>20</age>
<dept>Math</dept>
</student>
</message>

我是在本地打开html文件的，xml文件没有被加载。我怎样才能成功在本地进行调试
？我也不太清楚怎么去http/https域下加载这些。

javascript html

阅读 4k

4 个回答

得票最新

猫仔面

3281313

发布于
2017-02-07

1.先用console.log()开始对js进行测试看看是否进入请求函数。
2.用谷歌浏览器的NetWork功能看看有没有请求和返回的文件是什么。

我怀疑你是没有请求到

某熊猫桑

16.1k61547

发布于
2017-02-07

Chrome不支持这种本地（file协议）的Ajax，会在console显示：

解决起来也简单，我说俩：

换FireFox。FireFox支持file协议的Ajax，有几个API做的比Chrome要好，偶尔调这种小东西还是挺方便的（其实是我喜欢中文的开发者工具。。）
装一个叫“Web Server for Chrome”的Chrome应用，装好以后在开始菜单的“Chrome应用”里，打开，点击“CHOOSE FOLDER”，选择你页面所在的文件夹，然后把下边蓝色小开关拨开，用下边给的网址+页面文件地址访问就ok了，轻巧灵活方便好用。