설 연수
하하호홓
설 연수
전체 방문자
오늘
어제
  • 분류 전체보기 (231)
    • Back-End (2)
      • Java (20)
      • JSP (13)
      • Spring (18)
      • Kotlin (0)
      • node.js (0)
    • Front-End (68)
      • JavaScript (19)
      • jQuery (39)
      • Angular (4)
      • HTML (5)
    • Dev-Ops (12)
      • Linux, Cloud (5)
      • docker, k8s (5)
      • ElasticSeach (2)
    • Other (33)
      • OOP (3)
      • 알고리즘 (2)
      • DB (12)
      • Git (1)
      • Swift (4)
    • Backup (65)

블로그 메뉴

    공지사항

    인기 글

    태그

    • jquery invalid
    • MYSQL
    • 크로스도메인
    • angular2
    • Angular
    • RESTful
    • angular callback
    • 패스트캠퍼스
    • 404 error
    • angular4
    • Redis
    • CORS
    • angular 콜백
    • Kafka
    • mongodb
    • page not found
    • flex
    • jOOQ
    • INVALID
    • docker

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    설 연수

    하하호홓

    Front-End/JavaScript

    AJAX request생성 & 기본 프로퍼티,메소드

    2012. 2. 27. 11:46
    request 생성  
     
    <script type="text/javascript">
    <!--
    var request = null;
    if(window.XMLHttpRequest){
    try{
    request = new XMLHttpRequest();
    }catch(e){
    request = null;
    }
    //ActiveX(IE)버전에서 시도
    }else if(window.ActiveXObject){
    try{
    request = new ActiveXObject("Msxm12.XMLHTTP");
    //예전버전의 IE를 위해 예전버전의 ActiveX에서 시도
    }catch(e){
    try{
    request = new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){
    request = null;
    }
    }
    }
    //-->
    </script>        

    ------------------------------학교에서 배운방법------------------------------

    <script type="text/javascript">
    <!--
    function createRequest(){
    try{
    request = new XMLHttpRequest();
    }catch(tryMS){
    try{
    request = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(otherMS){
    try{
    request = new ActiveXObject("Microsoft.XMLHTTP");
    }catch(failed){
    request = null;
    }
    }
    }
    return request;
    }
    //-->
    </script>

    readyState
    요청진행상태(state)를 숫자로 나타낸다. 0(초기화되지않음), 1(오픈), 2(전송됨), 3(수신중), 4(로드됨).
    status
    404(페이지없음)이나 200(정상)과 같은 요청에 대한 HTTP처리상태(status)코드.
    **readyState,status는 Ajax요청이 정상적인 응답을 만들어내는지 결정하기위해 함께 사용될수 있다.

    onreadystatechange
    요청의 처리상태가 변할때 호출되는 함수에 대한 참조 .
    **Ajax요청의 진행상태가 변할때 호출되는 사용자 정의 이벤트 핸들러(이벤트핸들러함수는 응답이 처리되는곳에 있음)에 대한
    참조를 가지고있는 유일한 값을 가진다.

    responseText 
    서버로부터 반환되어 온 응답데이터인데, 평이한 텍스트 문자열 형태이다.
    responseXML
    서버로부터 반환되어 온 응답 데이터인데, XML노드들의 트리로 구성되는 객체 형태이다.
    **이 두 프로퍼티들은 Ajax응답으로 서버에 의해 반환되는 데이터를 저장한다. 

    abort()
    요청을 취소하는 메소드
    **오직 Ajax요청이 취소될 필요가 있는 경우에만 사용

    open()
    다른 여러가지 것들 중, 요청의 타입과 URL을 명시함으로써 요청을 준비하는 메소드 
    send()
    처리를 위해 서버로 요청을 전송하는 메소드
    **Ajax요청을 준비하고 나서 서버로 전송하는 일을 하는데 참여한다. 

    'Front-End > JavaScript' 카테고리의 다른 글

    주민등록번호 검증  (0) 2012.02.28
    앞,뒤 공백제거하기(trim)  (0) 2012.02.28
    정규식 & 수량한정자 & 패턴 정량화  (0) 2012.02.20
    기초  (0) 2012.02.20
    alert없이 데이터 검증하기(innerHTML)  (0) 2012.02.20
      'Front-End/JavaScript' 카테고리의 다른 글
      • 주민등록번호 검증
      • 앞,뒤 공백제거하기(trim)
      • 정규식 & 수량한정자 & 패턴 정량화
      • 기초
      설 연수
      설 연수

      티스토리툴바