잡히지 않은 ReferenceError : 아약스가 정의되지 않았습니다 (2 회 반복)

Question

아약스로 처리해야하는이 양식이 있습니다.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<div class="column1"> 

    <form class="form box" action="javascript:networkCheck();" method="post" enctype="application/x-www-form-urlencoded"> 
     <h2>Fly!!</h2> 
     <table width="100%" id="fp_network_choice"> 
      <tr><td style="border-bottom: 1px dashed #FFF;">Choose Network</td> 
      <td style="border-bottom: 1px dashed #FFF;"></td> 
      </tr> 
      <tr> 
      <td><input type="radio" name="network" id="vatsim" value="vatsim"> VATSIM</td> 
      <td><input type="radio" name="network" id="ivao" value="ivao"> IVAO</td> 
      </tr> 
      </tbody></table> 

     <div class="info" style="display:none" id="loading">Verifying status and flight plan, please wait...</div> 
     <div class="info" style="display:none" id="error">Goal</div> 
     <br><tr><td><input onclick="networkCheck()" id="check" type="submit" value="Check"></td></tr> 
    </form> 

</div> 

<script> 


     function networkCheck(){ 

      var vatsim = 1; 
      var icao = 0; 

      ajax.open("POST","network_check.php",true); 
      ajax.onreadystatechange=function(){ 
       if(ajax.readyState==4) 
       { 
       document.getElementById('error').style.display = 'block'; 

       } 
      } 
     ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
     ajax.send("vatsim="+vatsim+"&ivao="+ivao); 

     document.getElementById('loading').style.display = 'block'; 
     } 
</script> 
</head> 

이 오류가 발생합니다. 잡히지 않은 ReferenceError : ajax가 정의되지 않았습니다 (반복 횟수 2 회). 크롬 디버거 오류가 나타납니다.

이유를 모르겠습니까? 어쩌면 JQuery 버전 ???

Answer 1

귀하는 ajax.open("POST","network_check.php",true);으로 전화를 걸 었으나 ajax을 정의하지 않았거나 귀하를 대신 할 라이브러리를로드하지 않았습니다.

당신이 jQuery를 사용하고 있기 때문에, 말했다

var ajax = new XMLHttpRequest(); 누락

, 당신은 아마 그 helper functions를 사용하여 더 나을 것입니다.