네 이 티 브 JS 패키지 비동기 요청 (DIY 간략화 판 ajax, jQuery 와 다 름)

2400 단어 전단웹 스 택 개발 학습 노트
ajax 구현 코드 req: 요청 형식, GET 또는 POST url: 요청 주소 func: 요청 을 실현 한 후 데 이 터 를 되 돌려 주 는 처리 방법 body: GET 시 null, POST 시 매개 변수
function ajax(req, url, func, body)
{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            func(xmlhttp.responseText);
        }
    }
    xmlhttp.open(req, url, true);
    if (req == "POST") {
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    }
    xmlhttp.send(body);
}

다른 함수 에 ajax 사용 하기
function loadStory(id)
{
    //console.log(id);
    ajax("GET","/get/get_bj_content?id="+id, case_loadStory, null);
}

데 이 터 를 되 돌려 주 는 방법 함 수 를 처리 합 니 다.ajax 함 수 를 호출 하려 면 대응 하 는 이벤트 처리 함수 가 필요 합 니 다.
function case_loadStory(response){
    if (response.length == 0) {
        return false;
    }
    else {
        var obj = JSON.parse(response); 
        //console.log(obj);
    }
}

본 고 는 ajax 패키지 에 대한 탐색 실천 이다.
jQuery ajax - 주 함수 분석
gdfzoj \ # 470 Red is good (수학 적 기대)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage