jQuery ajax serialize() 方法使用示例
.serialize()方法创建以标准URL编码表示的文本字符串。它的操作对象是代表表单元素集合的jQuery对象。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <scriptsrc="Scripts/jquery-1.4.1.js"type="text/javascript"></script> <scripttype="text/jscript"> //$(function(){ //alert($("form").serialize()); //}) functionbtnClick(){ alert($("form").serialize()); } </script> </head> <body> <form> <div><inputtype="text"name="a"value="1"id="a"/></div> <div><inputtype="text"name="b"value="2"id="b"/></div> <div><inputtype="hidden"name="c"value="3"id="c"/></div> <div> <textareaname="d"rows="8"cols="40">4</textarea> </div> <div><selectname="e"> <optionvalue="5"selected="selected">5</option> <optionvalue="6">6</option> <optionvalue="7">7</option> </select></div> <div> <inputtype="checkbox"name="f"value="8"id="f"/> </div> <div> <inputtype="button"name="g"value="提交"id="g"onclick="btnClick()"/> </div> </form> </body> </html><spanstyle="font-size:18px;color:#ff0000;"> </span>
点击提交:
输出标准的查询字符串:a=1&b=2&c=3&d=4&e=5
如果将复选框也选上的话输出的就是:a=1&b=2&c=3&d=4&e=5&f=8