반응형 Ajax3 [springboot] AJAX 사용 방법과 동기(Synchronous), 비동기(Asynchronous) 차이 AJAX란?AJAX(Asynchronous JavaScript and XML)는 웹 페이지에서 전체를 새로고침하지 않고도 서버와 데이터를 주고받을 수 있는 기술입니다. 이를 통해 사용자 경험이 개선되고 웹 애플리케이션이 더욱 동적으로 작동할 수 있습니다."Asynchronous": 비동기적으로 동작하여, 요청과 응답이 이루어지는 동안 다른 작업을 계속 수행할 수 있습니다."JavaScript": 클라이언트 측에서 동작하며, 주로 XMLHttpRequest 객체나 Fetch API를 사용해 서버와 통신합니다."XML": 초기에는 XML 형식으로 데이터를 주고받았지만, 현재는 JSON이 주로 사용됩니다.AJAX의 주요 특징비동기 통신: 전체 페이지를 다시 로드하지 않고도 데이터를 갱신할 수 있음.사용자 경험.. 2025. 1. 14. [springboot] HTTP 전송 데이터의 형식 JSON, 직렬화 역직렬화 json 구조 예시[ { "name":"김한빛", "age":30, "address":"서울시 서대문구" }, { "name":"박출판", "age":25, "address":"서울시 종로구" }] 키(key):값(value)키에는 무조건 문자열만 올 수 있다. 숫자라면 "1" 이렇게 큰따옴표로 감싸줘야 한다. json 문법 맞는지 확일할 수 있는 사이트:https://jsonformatter.curiousconcept.com/ 자바스크립트에서 ajax로 json데이터 요청 예시- JSON.stringify()로 JSON 문자열로 변환 //직렬화- 받아온 JSON문자열을 JSON.parse()로 구문분석 후 자바스크립트 객체 생성 //역직렬화 (서버쪽에서 JSON문.. 2024. 4. 6. [springboot] 웹 브라우저가 서버와 상호작용하는 방법 1. 직접 url GET 요청https://www.naver.com/ 직접 url을 치고 접속하는 방식 2. form 태그 요청 enctype="multipart/form-data" 한글 인코딩 안됨, ajax로 파일 전송할 때 주로 사용enctype="application/x-www-form-urlencoded" 한글 인코딩됨, id=&pwd= 이런식으로 전달 3. XHR을 사용한 ajax 요청// 즐겨찾기 추가 또는 삭제 요청 보내기 $.ajax({ type: isBookmarked ? "DELETE" : "POST", // 즐겨찾기 상태에 따라 요청 방식 결정 url: isBookmarked ? "/.. 2024. 4. 6. 이전 1 다음 반응형
