jquery json serialize()에 파라메터 추가하기

보통 jquery를 사용하면서 ajax로 파라메터를 보낼때 폼 요소를 한번에 보낼때 $('formId').serialize()를 사용합니다.

여기에 추가적으로 파라메터를 추가하고자 할때 검색해보면 여러가지가 나오지만 전 두가지를 많이 씁니다.

 

serialize()는 queryString으로 변환되기 때문에 이 부분을 캐치한다면 어렵지 않게 이해가 가능합니다.

 

방법1.  - 변한된 쿼리스트링 결과에 추가적으로 쿼리스트링 추가하는 방법

let a1 = $("#f1").serialize() + "&age=32";

 

방법2. - 배열요소에 데이터를 push 하는 방법

let data = $('#f1').serializeArray();

data.push({name: 'age', value: 32});

 

 

다음에 까먹지 않기 위해서 메모합니다.

 

 

2021.07.27 Add

방법3. vanillajs의 FormData를 이용한 파라메터 추가방법

 

let form = document.querySelector('#f1');

let data1 = new FormData(form);

data1.append('paramName', 'paramValue');

 

for (let entry of data1) {

    console.log(entry);

}