- $.param() 와 $(fromName).serialize() 모두 요청 매개변수 문자열로 만들어주는 메서드이다.
차이점은
$.param() 은 파라미터(?) 가 JavaScript Object 타입이어야 하고,
serialize() 는 입력양식의 Form 에서 바로 문자열로 만들 수 있다.
- $.param() 예제>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
$(document).ready(function () {
var person= {
name: 'Daniel',
age: '29',
address: 'Seoul'
}
alert($.param(person));
});
</script>
출력 : name=Daniel&age=29&address=Seoul
- serialize() 예제>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
$(document).ready(function () {
$("#dataForm").submit(function (event) {
alert($(this).serialize());
});
});
</script>
</head>
<body>
<form id="dataForm">
<table>
<tr>
<td><label for="name">Name</label></td>
<td><input type="text" name="name" id="name" /></td>
</tr>
<tr>
<td><label for="age">Age</label></td>
<td><input type="text" name="age" id="age" /></td>
</tr>
<tr>
<td><label for="address">Address</label></td>
<td><input type="text" name="address" id="address" /></td>
</tr>
</table>
<input type="submit" value="Get Ajax String" />
</form>
</body>
출력 : name=Daniel&age=29&address=Seoul'공부 > JQuery' 카테고리의 다른 글
| JQuery_[상태 필터 선택자] (0) | 2015.01.29 |
|---|---|
| JQuery_[위치기반 필터 선택자] (0) | 2015.01.29 |
| JQuery_[ Scroll 이벤트 ] (0) | 2014.08.25 |
| JQuery_[ $.extend() ] (0) | 2014.08.25 |
| JQuery_[ jQuery 속성선택자 ] (0) | 2014.08.22 |