suchen

Heim >Web-Frontend >js-Tutorial >Verwendung der jQuery-Ajax-Serialize()-Methode example_jquery

Verwendung der jQuery-Ajax-Serialize()-Methode example_jquery

WBOY
WBOYOriginal
2016-05-16 16:32:271309Durchsuche

Die Methode

.serialize() erstellt eine Textzeichenfolge, die in der Standard-URL-Kodierung dargestellt wird. Es arbeitet mit einem jQuery-Objekt, das eine Sammlung von Formularelementen darstellt. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script type="text/jscript"> 
// $(function () { 
// alert($("form").serialize()); 
// }) 

function btnClick() { 
alert($("form").serialize()); 
} 
</script> 
</head> 
<body> 
<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="button" name="g" value="提交" id="g" onclick="btnClick()" /> 
</div> 
</form> 

</body> 
</html><span style="font-size:18px;color:#ff0000;"> 
</span>

Zum Senden klicken:

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

Wenn das Kontrollkästchen ebenfalls aktiviert ist, lautet die Ausgabe: a=1&b=2&c=3&d=4&e=5&f=8

Stellungnahme：
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
Vorheriger Artikel：Verwenden Sie JQ, um mit der Demonstrationsanimation_jquery den grundlegendsten Ein- und Ausblendeffekt zu schreibenNächster Artikel：Verwenden Sie JQ, um mit der Demonstrationsanimation_jquery den grundlegendsten Ein- und Ausblendeffekt zu schreiben

In Verbindung stehende Artikel

Mehr sehen