Ajax 2

AJAX

🔰 AJAX(Asynchronous JavaScript and XML) 비동기식 자바스크립트 와 XML 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환 할 수 있게 하는 기법 AJAX를 이용해서 전송가능한 데이터는 XML, TEXT, HTML, JSON 브라우저가 가지고 있는 XMLHttpRequest 객체 를 사용해 전체 페이지를 새로 로드하는게 아닌 일부만을 로드하는 기법 👀 XMLHttpRequest(XHR) 객체 현재 대부분의 모던한 브라우저는 XHR객체를 내장하고 있다. 이 객체를 사용하면 웹페이지가 전부 로딩된 후에도 서버에 데이터를 요청하거나 서버로부터 데이터를 전송받을수 있습니다. 즉 AJAX 비동기 통신을 위해서XHR 객체를 사용해 서버에 데이터를 요청(Request..

JavaScript 2021.09.18

UI: 상품 업데이트(AJAX)

서버: 접속자가 API를 통해 요청을 하면 데이터를 갖다줌 접속자의 요청 : GET, POST, PUT, DELETE API: 애플리케이션 프로그래밍 인터페이스 의 약자로 서로다른 두 애플리케이션을 프로그래밍 하기위한 프로토콜, 규약,형식 등으로 볼수 있다. AJAX: 서버에다가 GET,POST 요청을 할 수 있게 도와주는데 새로고침 없이 요청할 수 있음 JQuery를 사용해서 ajax를 간단하게 구현했다. [HTML} model : brand : price : Go somewhere 상품보여주기 [Javascript] // 버튼을 클릭하면 ajax를 통한 요청이 시작된다. $("#gethello").on("click", function () { // 지정한 url 에 GET요청을 하는 코드 // 이렇게..