(jQuery) 서버에 데이터 전송하기

반응형

<SPAN id=tx_marker_caret></SPAN><SPAN id=tx_marker_caret></SPAN><form> <input type='text' name='input' value='' /> <select name='select'> <option value='1'>1</option> </select> <textarea>text</textarea> </form>

Key1=Value1&Key2=Value2 처럼 보내기

$(document).ready(function() { $('form').submit(function() { $.post('query.php', $(this).serialize(), function(data) { // 받은 데이터를 처리 }); return false; }); });

.serializeArray() 는 항목을 배열로 넘길 때 사용한다.

<input type='checkbox' id='c0' value='0'/> <input type='checkbox' id='c1' value='1'/> <input type='checkbox' id='c2' value='2'/> 다른 항목은 생략...
위와 같은 폼을 서버로 보낸다고 할 때 .serialize()로 보내면 서버에서는 $_REQUEST['c0'], $_REQEUST['c1'], $_REQUEST['다른항목'] 처럼 따로 처리를 해야 한다.

.serializeArray()로 배열로 만들고 변수에 담아서 보내면 서버에서는 간단하게 처리할 수 있다.

<? foreach($array as $value) { //처리 코드 } ?>

반응형

저작자표시비영리변경금지

'PC&웹 > 웹프로그래밍' 카테고리의 다른 글

(jQuery) 의정부시 CCTV 소스 강좌 - 프리셋 선택하기  (0)	2010.01.21
(jQuery) 의정부시 CCTV 소스 강좌 - 직접 선택하기  (0)	2010.01.21
(jQuery) 서버에 데이터 전송하기  (0)	2010.01.20
(jQuery) 외부 파일 불러오기  (1)	2010.01.20
(jQuery) 연결하기  (0)	2010.01.18
(CSS) Web Slice (웹조각 적용하기)  (0)	2009.03.27