본문 바로가기
개발노트

ajax form 한번에 보내기

by SoonNote 2022. 7. 14.
반응형

ajax에서 form 안에 있는 data를 한번에 전송하기위해서

JQuery의 serialize()를 사용해준다

 

형태: $("form id").serialize();

$.ajax({
	url : 서버url,
	type : "POST",
	data : $("#폼 아이디").serialize(),
	dataType: "json"
	success : function(){
		alert("성공");
	},
	error : function(err){
	alert("실패"+err);
	}
})

form serialize 데이터 값 변경 방법

 

var formData = $('#formId').serializeArray();

formData = changeSerialize(formData, '변경할inputName', '변경될inputValue'');

스크립트 function문

function changeSerialize( values, k, v ) {

    var found = false;

    for (i = 0; i < values.length && !found; i++) {

        if ( values[i].name == k ) { 

            values[i].value = v;

            found = true;

        }

    }

    if (!found) {

        values.push(

            {

                name: k,

                value: v

            }   

        );

    }

    return values;

}
반응형