[Jquery Ajax] serializeArray 에 파라미터 추가하는 방법 / 배열 값 변경




Jquery Ajax 처리 시 보내야할 파라미터가 많은 경우
 
serializeArray() 함수를 통해 Form 전체를 전송합니다.



여기까지는 수년전부터 사용했으나...

추가로 다른 폼의 파라미터를 추가해야 경우에는 

push를 통해 파라미터를 추가한 후 Data 에 넣어서 보낼 수 있습니다.




▼ 예를 들면 mode 라는 파라미터를 추가하고 SAVE 라는 값을 넣습니다.     
var data = $("form[name='formName']").serializeArray();
data.push({name : "mode" , value : "SAVE"});

$.ajax({
	type: "POST",
	dataType: "text",
	url: "URL",
	data: data ,
	success: function(res){
		alert(res);		 
	},
	error: function(xhr, ajaxOptions, thrownError){
		alert(xhr.responseText);
	}
});


▼ 배열의 값을 조회하고 value 값을 변경 하는 방법

( 샘플 코드는 price 변수의 value 에서 , 를 제거 하는 방법 )

var data = $("form[name='formName']").serializeArray();
data.push({name : "mode" , value : "SAVE"});
    
$.each(data, function(key, data)
{
	if (this.name == "price") 
	this.value= this.value.replace(",","");
});

$.each(data, function(key, data)
{
	if (this.name == "price") 
		alert(this.value);
});


더보기

댓글, 0

1 2 3

910F

두 아이 아빠의 육아 이야기. 종로 인근 회사원의 밥집 소개. IT 구매 후기.