为何显示不正常,这书本的源码

为什么显示不正常,这书本的源码
data.xml
<?xml version="1.0" encoding="UTF-8"?>
<author>
<name>Doctor@cqphp.com</name>
</author>


abc.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>一个简单的Ajax例子</title>
<script type="text/javascript"><!--
  function findAuthor(file){
     var xmlObj = null;
     if(window.XMLHttpRequest){
        xmlObj = new XMLHttpRequest();
     } else if(window.ActiveXObject){
         xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
     } else {
      return;
    }
    xmlObj.onreadystatechange = function(){
       if(xmlObj.readyState == 4){
           updateObj('author',
        xmlObj.responseXML.getElementsByTagName('name')[0].firstChild.data);
       }
     }
    xmlObj.open ('GET', file, true);
    xmlObj.send ('');
  }
  function updateObj(obj, data){
   var textNode = document.createTextNode(data);
   document.getElementById(obj).appendChild(textNode);
  }
  //--></script>
</head>
<body>
<h1>一个简单的Ajax例子</h1>
<p id="obj">本页面由 <a id='link' href="data.xml" title="View the author." onclick="findAuthor('data.xml'); this.style.display='none'; return false">(单击这里查看作者)</a><span id="author" style="color: blue; font-weight: bolder"></span> 建立.</p>
</body>
</html>


运行abc.html点击之后,显示data.xml源码 ,并且提示 
This XML file does not appear to have any style information associated with it. The document tree is shown below.

我是新学的,请指点。
------解决方案--------------------
没有问题,请从网站上运行!