동적 폼 엘리먼트 생성 및 ajax 를 이용한 전송
[동적으로 FORM 생성]
/* 화면 refresh없이 계속 submit해야하는 경우 form이 중복으로 document에 추가되기 때문에 reset하는 과정이 필요함. */
var $form = $("#myForm");
if($form.length < 1) {
$form = $("<form/>").attr({id:"myForm", method:'POST'});
$(document.body).append($form);
}
$form.empty();
/* 정보 세팅 */
$("<input></input>").attr({type:"hidden", name:"aaaa", value:$.trim('aaaa')}).appendTo($form);
$("<input></input>").attr({type:"hidden", name:"bbbb", value:$.trim('bbbb')}).appendTo($form);
[Ajax 를 이용한 폼 전송]
/* ajax로 submit*/
$.ajax({
url : '/testPjt/myPjt/test.do',
data : $form.serialize(),
dataType : 'json',
success : function(json, textStatus, jqXHR){
if(!json.result){
alert('결과가 없습니다.');
}else{
alert('결과가 있습니다.');
}
}
});
'프로그래밍 Tip > HTML & SCRIPT' 카테고리의 다른 글
[Javascript] 입력된 숫자를 한글로 표현하기!! (0) | 2018.05.18 |
---|---|
[Javascript] 자바스크립트 소숫점 반올림하기 Math.round() (0) | 2016.05.30 |
[Javascript] Request.getParameter 구현 (0) | 2014.12.15 |
[JavaScript] 즐겨찾기 추가 / 시작페이지 설정 (1) | 2014.08.18 |
[Javascript] 랜덤(random) 함수의 사용 (0) | 2014.05.21 |