[JQuery] JQuery에서 form값 가져오는 방법

프론트 단에서 form 태그 안에 데이터들을 담고 POST 방식으로 던졌을 때 개발자 도구에서 form에 데이터가 제대로 들어갔는지 확인하는 방법에 대해 글을 기록한다.

---

목차

1. 개발자 도구로 form 값 확인하는 방법

---

1. 개발자 도구로 form 값 확인하는 방법

1) 가장 먼저, form 태그 안에 데이터를 담는다.

TEST_LIST라는 이름으로 데이터를 담아 POST 방식으로 form을 던지려고 한다.

<form>
	<input type="hidden" name="TEST_LIST" />
</form>

 

2) FORM 태그 안에 담은 데이터를 담아 POST 방식으로 던진다.

1) 번에서 form 태그 안에 데이터를 담았고, 그 데이터를 담은 form 태그를 가져와서 action에는 이동 URL, method는 post 방식으로 던져서 submit을 한다.

var $form = $("form");
$form.prop("action", "/t1/t2/TEST01.page");
$form.prop("method", "post");
$form.submit();

 

3) 여기서, 개발자 도구로 BreakPoint를 걸어서 아래 명령어를 콘솔창에 입력하면 데이터가 나온다.

$form.find(TEST_LIST)

---