ajax와 form submit의 새로고침 차이가 궁금합니다

Question

form submit은 화면 새로고침을 하며 데이터를 가져옵니다근데 ajax는 화면 새로고침을 하지 않고 데이터를 가져옵니다여기서 질문이있습니다1.새로고침을 해야 하는 이유가 따로 있는것인지요?2.비동기 동기 차이라고 하는데 cpu레이어에서 처리 되는 부분일까요?..

xml개발자 · Answer

html은 애초에 문서였고, form은 말 그대로 문서의 form이고 submit으로 문서를 제출하는거구요.제출하고 다음 단계로 넘어가는 거죠. (다른 페이지 이동, 혹은 새로고침)html에서 이루어지는 가장 고전적이고 정석적인 방법입니다.태초에 html에는 스크립트가 없었습니다.ajax는 자바스크립트에서 실행되는 코드입니다.데이터를 가져와서 스크립트 영역에서 작업(html 새로 그리기, 이미지 다운받기, 엑셀 다운받기 등)을 합니다.이 때, 데이터 통신할 때 시간이 오래걸리니 ajax는 기본적으로 비동기처리입니다. (동기화 방식도 가능합니다)

Clickin · Answer

비동기 차이 XCPU 레이어 이런 거 전혀 상관없고요HTTP 표준에서 POST는 생성된 리소스의 location을 헤더에 같이 담아서 돌려주고 클라이언트는 그 location으로 이동하도록 설계되었기 때문입니다.이는 하이퍼텍스트로 설계된 HTML을 편리하게 사용하기 위해서 정의된 기능입니다. POST로 리소스가 생성되면 그 URI는 서버에서만 알 수 있으므로 클라이언트에게 위치를 알려주는 게 합리적이죠.참고자료https://www.rfc-editor.org/rfc/rfc9110#POSTIf one or more resources has been created on the origin server as a result of successfully processing a POST request, the origin server SHOULD send a 201 (Created) response containing a Location header field that provides an identifier for the primary resource created (Section 10.2.2) and a representation that describes the status of the request while referring to the new resource(s).한글로 된 다른 버전은 이렇게 설명합니다.https://runebook.dev/ko/docs/http/methods/postPOST 요청은 일반적으로 HTML form 를 통해 전송되며 결과적으로 서버가 변경됩니다.

브라운스토닝 · Answer

새로고침은 서버로부터 새로운 페이지 데이터를 가져와 브라우저에서 표시할 때 필요합니다. Form submit의 경우, 대부분 서버로부터 새로운 데이터를 받아오는 새 페이지를 로드해야 하기 때문에 새로고침이 발생합니다. 비동기 방식으로도 충분히 기능 구현 가능합니다. 비동기/동기는 동작 방식의 차이이지, cpu 레이어에서 직접 처리 안됩니다. 동기는 연산이 순차적으로 실행되는거고. 비동기는 레벨을 정하지 않고 처리하는 방식입니다~

ajax와 form submit의 새로고침 차이가 궁금합니다

3개의 답변

Q&A 목록