Notice
Recent Posts
Recent Comments
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Archives
Today
Total
관리 메뉴

하이오리

[jQuery] 데이터 전송 - serialize(), serializeArray() 본문

jQuery/자주쓰는함수

[jQuery] 데이터 전송 - serialize(), serializeArray()

하이오리 2013. 6. 30. 15:12

serialize()

전송 형태 : a=1&b=2&c=3

 

serializeArray()

전송 형태 : [ { name : "a", value : "1" }, { name : "b", value : "2" } ]

 

 html

<script type="text/javascript">

$(document).ready(function(){

$('#frm_bt').click(function(){

$.ajax({

method : 'get',

url : 'serialize_jq.php',

data: $('#frm :input').serializeArray(),

success : function(data) {

alert(data);

},

error : function(data, status, err) {

alert('error');

}

});

});

});

</script>

<form id ="frm">

<input type="text" name="a" value="1">

<input type="text" name="b" value="1">

<input type="text" name="c" value="1">

<input type="button" id="frm_bt" value="전송">

</form>

 

php

<?

foreach ($_REQUEST as $key => $val) {

echo $key." : ".$val."\n";

}

?> 

http://www.filelink.kr/practice/jquery/serialize.php

받는 형태는 별반 다를게 없어 보인다. 기본으로 serializeArray()로 사용하면 되겠다.