Purple Bobblehead Bunny

Backend/AJAX 2

[AJAX] JQuery 통신 데이터 전송 GET,POST,JSON,

JQuery와 AJax를 활용하여 페이지에서 데이터를 주고 받을 수 있다. JQuery를 사용하기 위해 script 주소를 추가 해 줘야 한다. 🚀 AJax GET, POST 방식으로 데이터 보내기 데이터를 받아오는 가장 기본적인 형식이다. $(document).ready(function(){ $.ajax({ type: // 데이터 전송 타입 url : // 데이터를 주고 받는 파일 주소 data: // 보낼 데이터 (데이터 값을 보내지 않을 경우 명시하지 않아도 된다) dataType: // 문자 형식으로 받기 (데이터를 받아오지 않는 경우 명시하지 않아도 된다) success: function(result){ }, error:function(){ } }) }); 1. GET $(document).re..

Backend/AJAX 2023.02.26

[AJAX] AJAX가 뭐야?

🚀 일단 AJax를 알기 전 사전 지식이 필요하다 html,css,javascript,dom.xml 등 여러 기술 등을 함께 사용하는 개발 기법이다 AJax(Asynchronous JavaScript and XML)의 약자이다. 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법이다. JavaScript를 이용한 비동기 통신, 클라이언트와 서버간에 데이터를 주고 받는다. 웹 페이지 전체를 다시 로딩하지 않고도, 웹페이지의 일부분만을 갱신할 수 있다. 즉, AJax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 이 때 서버와는 JSON, XML, HTML, 텍스트 파일 등 다양한 형태의 데이터를 주고 받을 수 있게 된다. 쉽게 풀면, 자바스크립트..

Backend/AJAX 2023.02.06