php没有向javascript ajax对象返回任何结果

Question

我正在尝试使用 ajax，我以前使用过它，从我以前的 html 文件中复制了代码并更改了发送的值，php 文件来处理代码，我正在使用 POST 方法。但是，php 脚本不会向 html 页面返回任何内容。我已经检查了所有我能做的，所以我现在在这里。 函数看（）{ var x = document.getElementsByTagName('option')[document.getElementById("region").selectedIndex].value; var ajaxRequest; // 使 Ajax 成为可能的变量！

 try{
   // Opera 8.0+, Firefox, Safari
   ajaxRequest = new XMLHttpRequest();
 }catch (e){
   // Internet Explorer Browsers
   try{
  ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
   }catch (e) {
      try{
     ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
  }catch (e){
     // Something went wrong
     alert("Your browser broke!");
     return false;
  }
  }
}
   // Create a function that will receive data 
 // sent from the server and will update
 // modal section in the same page.
 ajaxRequest.onreadystatechange = function(){
   if(ajaxRequest.readyState == 4){
      var ajaxDisplay = document.getElementById("accordion");
  ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
   // Now get the value from user and pass it to
 // server script.
 ajaxRequest.open("POST", "search.php", true);
 ajaxRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 alert(x);
 ajaxRequest.send("region=" + x);

}

php代码很简单

<?php
echo "The world is blue.";
?>

然而，它不会向所选的 div 返回任何内容。

Answer 1

您可能没有发布足够的信息让我们回答您的问题。但是，我承认您可能不确定首先需要问什么问题。

首先，我必须同意@cgf。 jQuery或类似的东西会让这更容易。

但是让我们专注于手头的问题。我们需要知道幕后发生了什么。

最好的方法是使用开发者工具栏，例如 firebug。 Chrome 内置了一个。

所以，加载 chrome 并点击 F12。这应该会在窗口底部显示一个非常忙碌的窗格。选择 Network 选项卡，然后请求您的页面/触发您的 javascript。您在网络选项卡中得到什么输出？主要是，在状态下你得到 200、500（服务器错误）还是 404（未找到）？用你看到/得到的更新你的问题。

我希望这应该为您指明正确的方向。