Web/자바스크립트
-
실전적인 AJAXWeb/자바스크립트 2020. 10. 30. 06:04
1. jQuery를 이용한 AJAX jQuery의 $.ajax() 메서드를 활용하면 손쉽게 AJAX 요청을 보내는 것이 가능하다. // jQuery import 기본 골격은 다음과 같다. $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "URL을 입력하는 곳", // 해당 URL에 요청을 보낸다. data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워둔다) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담는다. // response가 왔을 때 실행될 함수를 작성해준다. } }); - type : "GET" or "POST" - url : HTTP 요청을 보낼 URL - data : 요청하면서 함께 ..
-
Pure Javascript의 AJAXWeb/자바스크립트 2020. 10. 30. 04:28
Asynchronous Javascript and XML. 비동기 웹 애플리케이션 제작에 사용되는 웹 개발 기법. 웹 페이지 전체를 새로고침하지 않고도 필요한 데이터만 받아 갱신 가능. 그만큼 자원과 시간을 아낄 수 있고, 속도 향상에 도움이 된다. 1. 클라이언트에서 XMLHttpRequest 객체를 생성하여 서버로 보낸다. 2. 서버에서 받은 메시지에 해당하는 정보를 클라이언트로 다시 보낸다. 3. 클라이언트에서 서버로부터 응답 받은 정보를 특정 영역에 뿌려준다. 가장 핵심은 서버로부터 데이터를 전송받을 때 사용되는 XMLHttpRequest 객체. XMLHttpRequest 객체 생성하기 let xhttp; if(window.XMLHttpRequest) { xhttp = new XMLHttpRequ..