위토즈 - 개발자프로그램판매공간

정보공유

[JQUERY] 폼을 생성하고 선택된(필요한) 영역의 값만 전송


필요한 영역만 ajax 로 전송 하는 방법.



<form method="post" name="wzfrm" id="wzfrm" action="" onsubmit="return getNext();" autocomplete="off">

    <div class="wrap-doc-input">

        <div>

            <input type="hidden" name="extend_fil_mode[]" class="attach-file-mode" value="1">

            <input type="hidden" name="extend_fil_type[]" value="WORD">

        </div>

        <div>

            <input type="hidden" name="extend_fil_mode[]" class="attach-file-mode" value="2">

            <input type="hidden" name="extend_fil_type[]" value="PDF">

        </div>

        <input type="text" name="upload_reason" id="" value="테스트1">

        <input type="button" value="전송" class="btn-submit">

    </div>

    <div class="wrap-doc-input">

        <div>

            <input type="hidden" name="extend_fil_mode[]" class="attach-file-mode" value="3">

            <input type="hidden" name="extend_fil_type[]" value="WORD">

        </div>

        <div>

            <input type="hidden" name="extend_fil_mode[]" class="attach-file-mode" value="4">

            <input type="hidden" name="extend_fil_type[]" value="PDF">

        </div>

        <input type="text" name="upload_reason" id="" value="테스트2">

        <input type="button" value="전송" class="btn-submit">

    </div>

</form>


<script type="text/javascript">

<!--

    jQuery(document).ready(function () {

        $(document).on('click', '.btn-submit', function() {


            let tmpForm = document.createElement('form');

                tmpForm.setAttribute('charset', 'utf-8');

                tmpForm.setAttribute('method', 'post');


            let formData = new FormData($(tmpForm)[0]);

            let $parent = $(this).closest('.wrap-doc-input');


            let $inputs = $parent.find('input:hidden, input:text');

                $inputs.each(

                    function() {

                        formData.append($(this).attr('name'), $(this).val());

                    }

                );



            $.ajax({

                url: g5_bbs_url+'/test_update.php',

                data: formData,

                processData: false,

        contentType: false,

                dataType: 'json',

                type:'post',

                success:function(req) {

                    ;

                }

            });


        });

    });

//-->

</script>


정보공유
Total 439건 1 페이지
번호 제목 글쓴이 날짜 조회
439 php 와 ajax 를 이용해서 파일 업로드 할때 대용량 파일을 업로드 하는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-23 94
438 dl dt dd css 샘플 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-13 161
437 datepicker 를 이용해서 달력3개를 표시하고 원하는 날짜만 선택이 가능하도록. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-28 399
436 입금된 주문도 준비, 배송전까지는 취소할 수 있도록 하는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-10 876
435 CSS를 사용하여 4x4 형태의 갤러리 디자인 그리드 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-05 754
434 magnificPopup css 를 추가하여 popup 마다 다른 사이즈 로 띄우기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-16 1244
433 magnificPopup 조건이 맞지 않으면 popup 띄우지 않기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-12 1155
432 magnificPopup iframe 으로 form submit 하기 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-12 1264
431 mysql 사용자 함수 생성 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-09 1058
430 html 로 된 svg 태그를 png 파일로 만들기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-08 1307
429 prepare bind_param 쿼리구분 select * 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-14 1865
428 javascript 플랫폼 디바이스 확인 함수 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 1980
427 stmt 등록 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-14 2401
426 prepare 함수 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-16 2257
425 magnificPopup 으로 창을 호출 후 날짜 입력박스에 datepicker 실행되지 않는경우 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-13 2184