> 웹 프론트엔드 > JS 튜토리얼 > jQuery 직렬화된 양식 값을 Json으로 변환하는 예

jQuery 직렬화된 양식 값을 Json으로 변환하는 예

小云云
풀어 주다: 2018-01-06 13:23:34
원래의
1585명이 탐색했습니다.

이 글은 Jquery 직렬형 값을 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 콘텐츠.

관련 권장사항:

PHP는 양식을 사용하여 단일 및 다중 양식 값에 액세스합니다_PHP 튜토리얼🎜🎜🎜🎜php 두 가지 양식 값 전송 문제, 조언 좀 부탁드립니다🎜🎜🎜🎜Python 재귀 쿼리 메뉴를 설명하고 json으로 변환합니다. 예제 코드 🎜🎜

위 내용은 jQuery 직렬화된 양식 값을 Json으로 변환하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿