Question

当我运行XMLHttpRequest来定位PHP或ASP文件时，XMLHttpRequest的{{1}}属性将PHP或ASP文件的内容作为文本返回，而不是返回结果将其他文件解析为PHP或ASP就像它应该的那样（当我运行相同的脚本时，我在几个月前遇到了这个错误）。无论是使用Firefox，Chrome还是IE，我都会遇到这种情况，并且在发生这种情况时控制台中没有列出任何错误。

为了从.responseText的已知功能用途开始尝试找出我做错了什么，我尝试在http://www.w3schools.com/ajax/ajax_aspphp.asp使用AJAX教程示例代码。他们网站上的版本运行良好，没有这个问题，但是当我创建自己的 完全相同的代码 的副本时，我一直都会遇到问题。

我将代码复制到名为XMLHttpRequest的新文件中，并将目标ASP代码的副本保存为ajaxTestASP.asp（他们使用的文件名相同）在同一目录中。在我的副本gethint.asp中，xmlhttp.responseText是未解析的gethint.asp全文，而不是xmlhttp.responseText是教程页面中解析gethint.asp的产物。为了解释可能的差异，我尝试在本地和远程托管我的版本，尝试将主文件保存为.asp或.html，并尝试在Notepad ++或记事本中创建文件;但无论我做什么，这个问题仍然存在。据我所知，与W3Schools网站上的示例相比，我使用相同的代码保存为相同的文件类型但得到的结果不同。

我错过了什么可能导致这种差异？

主要测试代码如下（再次，从上面链接的W3Schools教程页面获取的代码，它与我制作的任何版本不同，工作正常）：

<!DOCTYPE html>
<html>

<head>
  <script>
    function showHint(str) {
      var xmlhttp;
      if (str.length == 0) {
        document.getElementById("txtHint").innerHTML = "";
        return;
      }
      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) {
          document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
      }
      xmlhttp.open("GET", "gethint.asp?q=" + str, true);
      xmlhttp.send();
    }
  </script>
</head>

<body>

  <h3>Start typing a name in the input field below:</h3>
  <form action="">
    First name:
    <input type="text" id="txt1" onkeyup="showHint(this.value)" />
  </form>
  <p>Suggestions: <span id="txtHint"></span>
  </p>
</body>
</html>

以下是同一教程页面中的gethint.asp代码：

<%
response.expires=-1
dim a(30)
'Fill up array with names
a(1)="Anna"
a(2)="Brittany"
a(3)="Cinderella"
a(4)="Diana"
a(5)="Eva"
a(6)="Fiona"
a(7)="Gunda"
a(8)="Hege"
a(9)="Inga"
a(10)="Johanna"
a(11)="Kitty"
a(12)="Linda"
a(13)="Nina"
a(14)="Ophelia"
a(15)="Petunia"
a(16)="Amanda"
a(17)="Raquel"
a(18)="Cindy"
a(19)="Doris"
a(20)="Eve"
a(21)="Evita"
a(22)="Sunniva"
a(23)="Tove"
a(24)="Unni"
a(25)="Violet"
a(26)="Liza"
a(27)="Elizabeth"
a(28)="Ellen"
a(29)="Wenche"
a(30)="Vicky"

'get the q parameter from URL
q=ucase(request.querystring("q"))

'lookup all hints from array if length of q>0
if len(q)>0 then
  hint=""
  for i=1 to 30
    if q=ucase(mid(a(i),1,len(q))) then
      if hint="" then
        hint=a(i)
      else
        hint=hint & " , " & a(i)
      end if
    end if
  next
end if

'Output "no suggestion" if no hint were found
'or output the correct values
if hint="" then
  response.write("no suggestion")
else
  response.write(hint)
end if
%>

Answer 1

评论者是对的。如果您收到实际的源代码，则表示未正确配置Web服务器以解释.php / .asp文件，而是将它们视为文本文件并返回其内容。

XMLHttpRequest以文本形式返回PHP和ASP

1 个答案: