고정 헤더 영역
상세 컨텐츠
본문
728x90
반응형
.serialize() 메서드는 표준 URL 인코딩 표기법으로 텍스트 문자열을 생성합니다.
<input>, <textarea> 및 <select>와 같은 개별 양식 컨트롤을 선택한 후 jQuery 객체에서 작동할 수 있습니다.
$( "input, textarea, select" ).serialize();
일반적으로 직렬화를 위해 <form> 자체를 선택하는 것이 더 쉽습니다.
사용법
A. ajax 사용 form 데이터
<html>
<head>
<script type="text/javascript">
$.ajax({
type: 'post',
url: '@Url.Action("Main", "Home")',
// data: { uid: 'jinwoo', pwd: '123' },
data: $('form').serialize(),
async: false,
dataType: 'Json',
success: function (data) {}
});
</script>
</head>
</html>
// $('form').serialize() == 'userId=jinwoo&password=123'
B. ajax 사용 form 데이터
<html>
<head>
<script type="text/javascript">
//$.post("@Url.Action("Main", "Home")", { uid: 'jinwoo', pwd: '123' }, function (data) {}
$.post("@Url.Action("Main", "Home")", $('form').serialize(), function (data) {}
</script>
</head>
</html>
// $('form').serialize() == 'userId=jinwoo&password=123'주의사항
- 직렬화된 문자열에 양식 요소의 값이 포함되려면 요소에 이름 속성이 있어야 합니다.
- 체크박스와 라디오 버튼의 값은 체크된 경우에만 포함됩니다.
- 파일 선택 요소의 데이터는 직렬화되지 않습니다.
참고
728x90
반응형
'Javascript' 카테고리의 다른 글
| [jQuery] 다수의 checkbox 값 Array로 받기 (0) | 2022.09.15 |
|---|---|
| [Javascript] Date 객체와 날짜 및 시간 쉽게 사용하기, moment.js (0) | 2022.06.20 |
| [javascript] 정규 표현식 (0) | 2022.06.16 |
| [jQuery] $.ajax, $.post 동기처리 async (0) | 2022.01.03 |
| [jQuery Error] IE new Date() Invalid Date (0) | 2021.11.23 |
댓글 영역