Javascript 서버 요청 전 처리 방법

Javascript Validation 체크

처리 전 확인 창 띄우기

const saveYn = confirm("~를 등록하시겠습니까?");

if(saveYn == false) {
    return;
}

1자리 이상 입력 필수

const id = document.getElementById('id');
if(!id.value) {
  alert("아이디를 입력해주세요.");
  id.focus();
  return;
}

---

파라미터 처리 및 서버 요청

fost 요청 시 formData에 List 담아 보내기

const ctgryList = document.getElementsByName("ctgryList");

ctgryList.forEach((item) => {
    formData.append("ctgryList", item.value);
});

컨트롤러에서는 아래와 같은 파라미터로 List를 받을 수 있습니다.

@RequestParam List<String> ctgryList

javascript로 form submit

const form = document.createElement('form');
form.method = 'post';
form.action = '/URL주소';

const field = document.createElement('input');
field.type = 'hidden';
field.name = '인풋네임';
field.value = '값';

form.appendChild(field);

document.body.appendChild(form);

form.submit();

form과 input 요소를 생성하여 요청할 수 있습니다.

form 인풋 값 변경

const form =  document.getElementById("formID");
			
form.elements["inputName"].value = '값';

name 속성으로 인풋을 찾아서 값을 변경합니다.