Ajax 공유 간단 한 인 스 턴 스 코드 만 들 기

2281 단어 Ajax단순 실례
XmlHttp 는 자바 script,VbScript,Jscript 등 스 크 립 트 언어 에서 http 프로 토 콜 을 통 해 XML 및 기타 데 이 터 를 전송 하거나 받 을 수 있 는 API 입 니 다.XmlHttp 의 가장 큰 용 도 는 웹 페이지 의 일부 내용 을 업데이트 할 수 있 고 전체 페이지 를 새로 고 칠 필요 가 없다 는 것 이다.거의 모든 브 라 우 저 는 XML HttpRequest 대상 을 지원 합 니 다.이것 은 Ajax 응용의 핵심 기술 입 니 다.
js 코드 는 다음 과 같 습 니 다:

<html>
 <head>
 <title> New Document </title>
 <meta charset="utf-8">
 </head>
<script type="text/javascript">
 /**   XMLHttpRequest   
 *IE7+、Firefox、Chrome、Safari    Opera    XMLHttpRequest   
 *IE5,IE6  ActiveX  ,xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
 **/
 function createXMLHttpRequest(){
 var xmlHttp;
 if (window.XMLHttpRequest)
 {
  xmlHttp = new XMLHttpRequest();
 }else{
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlHttp.onreadystatechange = function(){
  if (xmlHttp.readyState == 4)
  {
  
  if (xmlHttp.status == 200)
  { 
   document.getElementById("myDiv").innerHTML = xmlHttp.responseText;
  }
  }else{
  document.getElementById("myDiv").innerHTML = "    ...";
  }
 };
    //        
 xmlHttp.open("GET","test.php",true);
 xmlHttp.send();
 }
</script>
 <body>
 <input type="button" onclick="createXMLHttpRequest()" value="    " />
 <div id="myDiv"></div>
 </body>
</html>
위의 js 코드 부분 에 대한 설명:
(1).XML HttpRequest 대상 의 onready statechange 속성 입 니 다.요청 이 서버 에 전송 되 었 을 때 작업 을 수행 해 야 합 니 다.ready State 가 바 뀔 때마다 onready statechange 이벤트 가 발생 합 니 다.
(2).XML HttpRequest 대상 의 ready State 속성 으로 XML HttpRequest 상태(0~4)가 저 장 됩 니 다.
  •     0:초기 화 요청 하지 않 음
  •     1:서버 연결 이 완료 되 었 습 니 다
  •     2:요청 이 접수 되 었 습 니 다
  •     3:요청 처리 중
  •     4:요청 이 완료 되 었 고 응답 이 완료 되 었 습 니 다.
  • (3).open(method,url,async)방법:요청 의 유형,URL 및 비동기 처리 여 부 를 규정 합 니 다.
    (4).send(content)가 서버 에 요청 을 보 냅 니 다.
    이상 은 Ajax 가 간단 한 인 스 턴 스 코드 를 만 드 는 것 입 니 다.여러분 의 학습 에 도움 이 되 기 를 바 랍 니 다.여러분 도 스스로 Ajax 간단 한 인 스 턴 스 를 만 들 수 있 습 니 다.

    좋은 웹페이지 즐겨찾기