vanilla JS에서 AJAX 요청을 JQuery로 다시 작성하는 방법은 무엇입니까?

Question

현재 JS를 연구 중이며 바닐라 JS에 익숙하지만 JQuery 구문이 약간 이상해 보입니다. 그래서 내가 JS에 다음 코드를 가지고 있고 그것은 잘 작동 : 여기

let xhttp = new XMLHttpRequest(); 
xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
    questions = JSON.parse(this.responseText); 
    loadQuestionsData(); 
    } 
}; 
xhttp.open("GET", "http://localhost:8080/questions", true); 
xhttp.send(); 

내 로컬 호스트에 새로운 XMLHttpRequest 객체를 생성하고 질문의 JSON을 얻고 responce가 준비되면, 기능 loadQuestionsData() 실행 (그것은 질문 목록을 표에 삽입합니다). 이걸 JQuery로 다시 작성하려고 시도했지만 작동하지 않으며 이유가 없습니다. 다음은이 작업을 수행하는 제 n 번째 시도이다 : 나는 또한 다음을 시도했습니다

$(document).on('readystatechange', function() { 
    $.ajax({ 
    url: "http://localhost:8080/questions", 
    type: 'GET', 
    success: function() { 
     questions = JSON.parse(this.responseText); 
     loadQuestionsData(); 
    } 
    }) 
}) 

,하지만 너무 작동하지 않습니다

$(document).on('readystatechange', function() { 
    questions = JSON.parse($.ajax({ 
    url: "http://localhost:8080/questions", 
    type: 'GET', 
    })).responseText; 
}) 

나는 문제가 구문 겠지? 코드는 응답 텍스트에서 실행이 중지됩니다.

Answer 1

문서 개체에 onreadystatechange 이벤트가 없습니다.이 개체는 XHR 개체의 일부입니다. jQuery AJAX 메서드는 상태 변경을 처리합니다 (단순함의 일부).

또한 성공 핸들러에는 응답 텍스트 인 매개 변수가 있으므로 함수 시그니처에 추가해야 함수에 액세스 할 수 있습니다. 이 대신에

변경을 ... 당신은 사용할 필요가 없습니다

$.ajax({ 
     url: "http://localhost:8080/questions", 
     type: 'GET', 
      success: function(responseText) { 
      questions = JSON.parse(responseText); 
      loadQuestionsData(); 
     } 
    }) 

Answer 2

: readystatechange로

$(document).on('readystatechange', function() { 
}); 

는 XMLHttpRequest의의 속성입니다();

$.ajax({ 
    url: "http://localhost:8080/questions", 
    type: 'GET', 
    success: function() { 
     questions = JSON.parse(this.responseText); 
     loadQuestionsData(); 
    } 
    });