AJAX 就绪状态停留在 1

Question

您好，我可以看到这已经被讨论过，但是在仔细阅读了问题/答案之后，我似乎仍然无法获得这个简单的 AJAX 调用来退出就绪状态 1。

这是我拥有的 Javascript：

<script language="javascript" type="text/javascript">
var request;

function createRequest()
{
   try 
   {
      request = new XMLHttpRequest();
   }   catch (trymicrosoft) {
   try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (othermicrosoft) {
      try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
         } catch (failed) {
           request = false;
         }
     }
 }
if (!request)
   alert("Error initializing XMLHttpRequest!");
}
function loadClassesBySchool()
{    
     //get require web form pieces for this call
 createRequest(); // function to get xmlhttp object
 var schoolId = getDDLSelectionValue("ddlSchools");   
 var grade = getDDLSelectionValue("ddlGrades");

     var url = "courses.php?grades=" + escape(grade) + "&schoolId=" + escape(schoolId);

 //open server connection
 request.open("GET", url, true);

 //Setup callback function for server response

   //+++read on overflow that some fixed the issue with an onload event this simply had
   //+++the handle spitback 2 readystate = 1 alerts

     request.onload = updateCourses();

     request.onreadystatechanged = updateCourses();

 //send the result
 request.send(); 
}

function updateCourses()
{

    alert('ready state changed' + request.readyState);

}

function getDDLSelectionValue(ddlID)
{
    return    document.getElementById(ddlID).options[document.getElementById(ddlID).selectedIndex].value;   
  }

</script>

The PHP is HERE just一个简单的打印，如果我在浏览器（IE/Chrome）中导航到该打印，则可以正常加载：

<?php
    print "test";
?>

我对此很陌生，但似乎我无法获得最简单的 AJAX 调用来工作，有关如何工作的任何帮助我们将不胜感激。

我从回调函数“updateCourses”中得到的只是 1...

Answer 1

经过更多的挖掘之后，我实际上放弃了并切换到 jQuery，它应该在所有意图和目的上做完全相同的事情，除了 jQuery 工作的事实......我只是不太适应它，但就这样吧。

这是完成相同任务的 jQuery：

function loadCoursesBySchool(){

    var grades = getDDLSelectionValue("ddlGrades");
    var schoolId = getDDLSelectionValue("ddlSchools");

    jQuery.ajax({   
        url: "courses.php?grades=" + grades + "&schoolId=" + schoolId,  
        success: function (data) {  
            courseDisplay(data);    
        }   
    }); 
}

function courseDisplay(response)
{
    //check if anything was setn back!?
    if(!response)
    {
        $("#ddlCourses").html("");
        //do nothing?   
    }
    else
    {
        //empty DLL
        $("#ddlCourses").html("");
        //add entries
        $(response).appendTo("#ddlCourses");
    }       
}