jQuery 비동기 객체(XMLHttpRequest)_javascript 기술에 대한 간략한 토론

먼저 비동기 객체의 5단계를 살펴보겠습니다

우편으로 요청한 내용입니다.

코드 복사 코드는 다음과 같습니다.

//1.00비동기 객체 생성
          var xhr = new XMLHttpRequest();
                    //2.0
                xhr.open("post", url,params, true);
//3.0은 Formdata 속성을 사용하여 매개변수를 전달합니다.
               xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//4.0 콜백 함수 설정
                 xhr.onreadystatechange = 함수 () {
If (xhr.readyState == 4 && xhr.status == 200) {
경고(xhr.responseText);
                }
            }
//5.0 매개변수 전달
                 xhr.send(params);

get 요청을 결합하여 비동기 객체 패키지 생성

요청

받기

xhr.setRequestHeader("If-Modified-Since", "0")은 캐시를 지우는 것입니다.

그리고 게시물 요청

코드 복사 코드는 다음과 같습니다.

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

전송방식입니다
in
의 유형은 application/x-www-form-urlencoded
를 포함한 세 가지 방법으로 얻을 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var ajaxHelp = {
    CreatXHR: 함수 () {
        //创建异步对象
        var xhr = 새로운 XMLHttpRequest();
        x시간 반환;
    },
    //ajax의 get请求
    AjaxGet: 함수(url, callBack) {
        this.AJaxCommon("get", url, null, callBack);
    },
    //ajax의 게시물请求
    AjaxPost: 함수(url, params, callBack) {
        this.AJaxCommon("post", url, params, callBack);
    },
    AJaxCommon: 함수(메소드, URL, 매개변수, 콜백) {
        //1.0
        var xhr = this.CreatXHR();
        //2.0
        xhr.open(메서드, URL, true);
        //3.0
        if (메서드 == "get") {
            xhr.setRequestHeader("If-Modified-Since", "0");
        } 그 밖의 {
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        }
        //4.0
        xhr.onreadystatechange = 함수 () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var datas = JSON.parse(xhr.responseText);
                //执行回调函数
                콜백(데이터);
            }
        }
        //5.0
        xhr.send(params);
    }
};

ps:JQuery리면에는 $.ajax가 있고 $.get / $.Post는 이전에는 사용할 수 없는 방법입니다.呢。 JQuery의 기능은 다음과 같습니다.

以上就是本人对于jQuery异步对象（XMLHttpRequest)的理解，如有遗漏，麻烦联系我，补充上。