웹프로그래밍

Global It Leader!!


jQuery


 
 

Ajax 배열, 리스트 데이터 넘기기 (jQuery)

페이지 정보

작성자 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 2,107회 작성일 22-03-26 16:22

본문

<!DOCTYPE html>
<html>
<head>
    <title>Fruit</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script>
    <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>
 

댓글목록

등록된 댓글이 없습니다.

전체 148
게시물 검색
jQuery 목록
번호 제목 글쓴이 조회 날짜
148 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 118 11-08
147 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 142 07-31
146 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 127 06-20
145 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 128 06-20
144 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 131 06-05
143 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 129 06-05
142 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 604 07-06
141 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 799 01-05
140 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 911 12-07
139 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1421 03-31
138 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1437 03-28
137 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1433 03-27
136 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2111 03-27
135 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1393 03-27
134 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1480 03-27
133 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1785 03-26
132 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1436 03-26
131 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1613 03-26
130 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3140 03-26
열람중 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2108 03-26