Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery – Konvertieren Sie serialisierte Werte in eine JSON-Methodenanleitung

巴扎黑
Freigeben: 2017-08-05 16:46:43
Original
1334 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zum Konvertieren von Jquery-serialisierten Formularwerten in Json vorgestellt. Es ist sehr gut und hat Referenzwert.

Ein Kind hat ein Formular möchte den Formularinhalt im Json-Format abrufen. Die Kinder probierten die folgenden Methoden aus.

Die serialisierte Formularwertzeichenfolge kann über $("#form").serialize() abgerufen werden.

Zum Beispiel:


a=1&b=2&c=3&d=4&e=5
Nach dem Login kopieren

Serialisieren Sie den Formularwert als Array über die $("#form").serializeArray()-Ausgabe.


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

Keiner von ihnen erfüllt den Wunsch der Kinder, Json zu bekommen. Nach dem Stapelüberlauf habe ich eine Methode wie diese gefunden:


$.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;
};
Nach dem Login kopieren

und dann können Sie den Json-Inhalt über $("#form").serializeObject(); abrufen.

Das obige ist der detaillierte Inhalt vonjQuery – Konvertieren Sie serialisierte Werte in eine JSON-Methodenanleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!