JQuery 배열 submit

1 개요

jQuery 배열 submit

• jQuery 플러그인 활용
• 동적 폼 구성하여 data를 넣고 submit함
• 동기방식(synchronous) submit

페이지 이동됨 (non-ajax)

• 예제: http://zetawiki.com/ex/jquery/submit_array.html

2 submit_array.html

<script src='//code.jquery.com/jquery.min.js'></script>
<script src='//cdn.rawgit.com/jmnote/jquery.nonajaxform/33a7/jquery.nonajaxform.min.js'></script>

<script>
$(function() {
	var arr = ['귤', '사과', '배', '파인애플'];
	$('#btn-send').click(function() {
		$.form({
			action: 'submit_array_ok.php',
			data: { fruits: arr },
		}).submit();
	});
});
</script>

<button id='btn-send'>보내기</button>

3 submit_array_ok.php

<?php
if( !isset( $_POST['fruits'] ) ) {
	echo 'fruits 없음';
	exit;
}
print_r( $_POST['fruits'] );
// Array ( [0] => 귤 [1] => 사과 [2] => 배 [3] => 파인애플 )

4 같이 보기

• HTML 배열 submit

5 참고

• http://stackoverflow.com/questions/4583703/jquery-post-request-not-ajax
• https://github.com/jmnote/jquery.nonajaxform