Ajax 배열, 리스트 데이터 넘기기 (jQuery)
페이지 정보
작성자 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 2,107회 작성일 22-03-26 16:22본문
<!DOCTYPE html>
<html>
<head>
<title>Fruit</title>
<script type="text/javascript">
$(document).ready(function(){
$("#save").click(function() {
//배열 선언
var fruitArray = [];
$('input[name="fruit"]:checked').each(function(i){//체크된 리스트 저장
fruitArray.push($(this).val());
});
var objParams = {
"user" : $("#user").val(), //유저 저장
"fruitList" : fruitArray //과일배열 저장
};
//ajax 호출
$.ajax({
url : "/checkTest/save",
dataType : "json",
contentType : "application/x-www-form-urlencoded; charset=UTF-8",
type : "post",
data : objParams,
success : function(retVal){
if(retVal.code == "OK") {
alert(retVal.message);
} else {
alert(retVal.message);
}
},
error : function(request, status, error){
console.log("AJAX_ERROR");
}
});
})
});
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<input type="checkbox" name="fruit" value="apple">
</td>
<td>
apple
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="fruit" value="banana">
</td>
<td>
banana
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="fruit" value="peach">
</td>
<td>
peach
</td>
</tr>
</table>
<br>
<input type="text" id="user" value="huskdoll">
<button type="button" id="save">SAVE</button>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.