Program Tip

jquery에서 양식 데이터를 객체로 얻는 방법

programtip 2020. 12. 7. 20:35
반응형

jquery에서 양식 데이터를 객체로 얻는 방법


이 질문에 이미 답변이 있습니다.

나는 시도했다 jQuery('#form_id').serialize(). 이렇게하면 양식 데이터 만 URL 인코딩 문자열로 반환됩니다. 양식 데이터를 개체로 가져올 수 있습니까?


"serializeArray"를 사용해 보셨습니까? 그것은 당신에게 이름과 값의 배열을 제공합니다. 다음과 같은 경우이를 개체로 변환 할 수 있습니다.

var paramObj = {};
$.each($('#myForm').serializeArray(), function(_, kv) {
  paramObj[kv.name] = kv.value;
});

(jQuery가 배열로 무엇을하는지 다시 확인해야합니다. Javascript 배열 값으로 인코딩 한다고 생각 하지만 100 % 확실하지는 않습니다.)

편집 ah no, 다중 값 매개 변수를 배열로 설정하지 않습니다. 동일한 이름의 반복을 얻습니다. 따라서 make-an-object 코드는 다음과 같아야합니다.

var paramObj = {};
$.each($('#myForm').serializeArray(), function(_, kv) {
  if (paramObj.hasOwnProperty(kv.name)) {
    paramObj[kv.name] = $.makeArray(paramObj[kv.name]);
    paramObj[kv.name].push(kv.value);
  }
  else {
    paramObj[kv.name] = kv.value;
  }
});

(또는 그와 비슷한 것; 아마도 약간 눌릴 수 있습니다.)


serializeArray 함수를 살펴볼 수 있습니다 .

$('#form_id').serializeArray()

참고 URL : https://stackoverflow.com/questions/2403179/how-to-get-form-data-as-a-object-in-jquery

반응형