>웹 프론트엔드 >JS 튜토리얼 >jQuery--직렬화된 값을 json 메서드 지침으로 변환

jQuery--직렬화된 값을 json 메서드 지침으로 변환

巴扎黑
巴扎黑원래의
2017-08-05 16:46:431409검색

이 글은 주로 Jquery 직렬화된 폼 값을 Json으로 변환하는 관련 정보를 소개합니다. 매우 훌륭하고 참고할 만한 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있습니다.

아이가 폼을 가지고 있는데 Json으로 가져오고 싶어합니다. . 양식의 내용입니다. 아이들은 다음과 같은 방법을 시도했습니다.

직렬화된 양식 값 문자열은 $("#form").serialize()를 통해 얻을 수 있습니다. $("#form").serialize()可以获取到序列化的表单值字符串。

例如:


a=1&b=2&c=3&d=4&e=5

通过$("#form").serializeArray()输出以数组形式序列化表单值。


[ 
 {name: 'firstname', value: 'Hello'}, 
 {name: 'lastname', value: 'World'},
 {name: 'alias'}, // 值为空
]

统统不满足小朋友想得到Json的愿望。堆栈溢出后,找到了一个这样的方法


$.fn.serializeObject = function()
{
 var o = {};
 var a = this.serializeArray();
 $.each(a, function() {
 if (o[this.name] !== undefined) {
  if (!o[this.name].push) {
  o[this.name] = [o[this.name]];
  }
  o[this.name].push(this.value || '');
 } else {
  o[this.name] = this.value || '';
 }
 });
 return o;
};

然后通过 $("#form").serializeObject();

예: 🎜


🎜rrreee🎜 $("#form").serializeArray()를 통해 배열 형식으로 양식 값을 직렬화합니다. > 출력. 🎜


🎜rrreee🎜Json을 갖고 싶어하는 아이들의 소망을 전혀 만족시키지 못합니다. 스택 오버플로 후에 이런 메소드를 찾았습니다 🎜


🎜rrreee🎜 그런 다음 $("#form").serializeObject() 를 통해 얻을 수 있습니다. JSON 콘텐츠. 🎜

위 내용은 jQuery--직렬화된 값을 json 메서드 지침으로 변환의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.