0

我有一个要在正文 onLoad 上调用的 AJAX 函数。该 AJAX 调用一个 XML 文件。

这是我的代码。

阿贾克斯:

function loadXml(b,c)
{
var xmlhttp;
var txt,x,xx,i;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    x=xmlhttp.responseXML.documentElement.getElementsByTagName("POST");
    for (i=0;i<x.length;i++)
      {
      xx=x[i].getElementsByTagName("TITLE");
        {
        try
          {
          txt=txt + "<span class='nphead'>" + xx[0].firstChild.nodeValue + "</span><div class='divider'><div class='divtop'></div><div class='divbot'></div></div>";
          }
        catch (er)
          {
          txt=txt + "<span class='nphead'> </span><div class='divider'><div class='divtop'></div><div class='divbot'></div></div>";
          }
        }
      xx=x[i].getElementsByTagName("CONTENT");
        {
        try
          {
          txt=txt + "<p class='pcontent'>" + xx[0].firstChild.nodeValue + "</p>";
          }
        catch (er)
          {
          txt=txt + "<p> </p><div class='divider'><div class='divtop'></div><div class='divbot'></div></div>";
          }
        }
      }
    document.getElementById(c).innerHTML=txt;
    }
  }
xmlhttp.open("GET",b,true);
xmlhttp.send();
}

身体:

<body onLoad="loadXml('/content/blog/content.xml','posts')">
<div class="wrap">
    <br><br><br><br><br><br><br>
    <div class="content g_c" id="posts">
    </div>
</div>

//some more stuffs. some stuffs deleted
</body>

CONTENT.XML

<?xml version="1.0" encoding="utf-8"?>
<BLOG>
    <POST>
        <TITLE>Title!</TITLE>
        <CONTENT>
        content
        </CONTENT>
</POST>
</BLOG>

结果很好,但问题是结果是:(粗体字是我只希望显示的)

未定义的标题!

内容

为什么开头有“未定义”这个词?我将如何摆脱它?我不知道是什么原因造成的。顺便说一句,提前感谢您帮助我。

4

2 回答 2

2

在连接结果之前,您从未初始化txt过,因此txt === undefined在任何连接之前。

改为使用var txt = "", ...

于 2013-08-12T08:57:47.857 回答
1

因为第一个循环执行的时候txt是未定义的,最好txt = ''在循环开始之前设置,这样多次调用就loadXml安全了

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    x=xmlhttp.responseXML.documentElement.getElementsByTagName("POST");
    var txt = ''; // create txt as a local variable than a global one since it is used only inside the onreadystatechange method
    for (i=0;i<x.length;i++)
      {
      xx=x[i].getElementsByTagName("TITLE");
        {
        try
          {
          txt=txt + "<span class='nphead'>" + xx[0].firstChild.nodeValue + "</span><div class='divider'><div class='divtop'></div><div class='divbot'></div></div>";
          }
        catch (er)
          {
          txt=txt + "<span class='nphead'> </span><div class='divider'><div class='divtop'></div><div class='divbot'></div></div>";
          }
        }
      xx=x[i].getElementsByTagName("CONTENT");
        {
        try
          {
          txt=txt + "<p class='pcontent'>" + xx[0].firstChild.nodeValue + "</p>";
          }
        catch (er)
          {
          txt=txt + "<p> </p><div class='divider'><div class='divtop'></div><div class='divbot'></div></div>";
          }
        }
      }
    document.getElementById(c).innerHTML=txt;
    }
  }
于 2013-08-12T08:58:19.387 回答