[springboot] 웹 브라우저가 서버와 상호작용하는 방법

1. 직접 url GET 요청

https://www.naver.com/ 직접 url을 치고 접속하는 방식

 

2. form 태그 요청

<form action="/login" method="post" enctype="multipart/form-data">
	<input type="text" name="id">
	<input type="text" name="pwd">
	<input type="submit">
</form>

 

enctype="multipart/form-data" 한글 인코딩 안됨, ajax로 파일 전송할 때 주로 사용

enctype="application/x-www-form-urlencoded" 한글 인코딩됨, id=&pwd= 이런식으로 전달

 

3. XHR을 사용한 ajax 요청

// 즐겨찾기 추가 또는 삭제 요청 보내기
                $.ajax({
                    type: isBookmarked ? "DELETE" : "POST", // 즐겨찾기 상태에 따라 요청 방식 결정
                    url: isBookmarked ? "/bookmarks/" + bookmarkId : "/bookmarks/" + storeId,
                    success: function (response) {
                        window.location.href = "/stores/detail/" + storeId; //새로고침
                    },
                    error: function (xhr, status, error) {
                        console.error(xhr.responseText);
                    }
                });

 

4. 웹 소켓을 통한 연결

채팅 서비스에서 주로 사용