Heim > Web-Frontend > js-Tutorial > Hauptteil

Die Methode von jQuery zum Übergeben von Daten im JSON-Format an den Hintergrund_jquery

WBOY
Freigeben: 2016-05-16 16:14:07
Original
1151 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie jQuery Daten im JSON-Format in den Hintergrund überträgt. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Die Dateninteraktion zwischen Front- und Backend verwendet im Allgemeinen das JSON-Format, und das Backend kann die JSON-Korrespondenz direkt in Entitätsobjekte konvertieren. Um zukünftige Operationen zu erleichtern. Wenn jQuery Daten im Hintergrund überträgt, werden wir feststellen, dass es diese automatisch in eine Abfragezeichenfolge umwandelt und keinen JSON tatsächlich übergeben kann. Darüber hinaus ist das zurückgegebene Format bei Verwendung von JQuery zum Serialisieren des Formulars ein Array, das eine weitere Konvertierung erfordert. Solange wir etwas in der Ajax-Methode konfigurieren, kann es tatsächlich abgeschlossen werden. Der Code lautet wie folgt:

<form id="ff"> 
  <input type="text" name="test1"/> 
  <input type="text" name="test2"/> 
  <input type="text" name="test3"/> 
  <input type="text" name="test4"/> 
  <input type="button" id="save" value="save"/> 
</form> 

$("#save").on("click", function () { 
 var params = $("#ff").serializeArray(); 
 var j = {}; 
 for (var item in params) { 
   j[params[item].name] = params[item].value; 
 } 

 $.ajax({ 
   url:'index.html', 
   data:JSON.stringify(j), 
   type:'post', 
   dataType:'json', 
   headers:{ 
 Accept:"application/json", 
 "Content-Type":"application/json" 
   }, 
   processData:false, 
   cache:false 
 }).done(function (data) { 
 }); 

}); 

Nach dem Login kopieren

Wenn Sie das Anzeigeformat wie im Bild in Chrome sehen, bedeutet dies, dass das an den Hintergrund übergebene JSON-Format

ist

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

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