jQuery ajax - Μέθοδος serialize()
Παράδειγμα
Εκτυπώστε το αποτέλεσμα της σειράлизации των τιμών της φόρμας:
$("button").click(function(){ $("div").text($("form").serialize()); });
Ορισμός και χρήση
Η μέθοδος serialize() δημιουργεί μια αλφαριθμητική αλυσίδα URL μέσω της σειράлизации των τιμών της φόρμας.
Μπορείτε να επιλέξετε έναν ή περισσότερους στοιχεία φόρμας (π.χ. input και/ή κουτί κειμένου), ή το ίδιο στοιχείο form.
Οι τιμές που σειρεοποιούνται μπορούν να χρησιμοποιηθούν ως αίτημα ερωτηματολογίου στη δημιουργία αιτημάτων AJAX.
σύνταξη
$(selector).serialize()
Λεπτομερής περιγραφή
.serialize() μέθοδος δημιουργεί μια字符串 που εκπροσωπεί το κείμενο με κανονική URL κωδικοποίηση. Το αντικείμενο που λειτουργεί είναι ένα jQuery αντικείμενο που αντιπροσωπεύει τη συλλογή των στοιχείων της φόρμας.
Οι τύποι των στοιχείων της φόρμας είναι αρκετοί:
<form> <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="b" value="2" id="b" /></div> <div><input type="hidden" name="c" value="3" id="c" /></div> <div> <textarea name="d" rows="8" cols="40">4</textarea> </div> <div><select name="e"> <option value="5" selected="selected">5</option> <option value="6">6</option> <option value="7">7</option> </select></div> <div> <input type="checkbox" name="f" value="8" id="f" /> </div> <div> <input type="submit" name="g" value="Submit" id="g" /> </div> </form>
.serialize() μέθοδος μπορεί να λειτουργήσει σε ένα jQuery αντικείμενο που έχει επιλεγεί από τη φόρμα, όπως <input>, <textarea> και <select>. Ωστόσο, η σειρεοποίηση του ετικέτας <form> είναι συνήθως πιο εύκολη:
$('form').submit(function() { alert($(this).serialize()); return false; });
Εκτύπωση τυπικής αίτησης ερωτηματολογίου:
a=1&b=2&c=3&d=4&e=5
Σημείωση:Μόνο ο 'επιτυχής ελέγχτης' σειρεοποιείται σε字符串. Αν δεν χρησιμοποιηθεί κουμπί για την υποβολή της φόρμας, η τιμή του κουμπιού δεν σειρεοποιείται. Αν η τιμή του στοιχείου της φόρμας πρέπει να περιλαμβάνεται στη字符串 σειρεοποίησης, το στοιχείο πρέπει να χρησιμοποιήσει την ιδιότητα name.