jQuery ajax serialize() 方法使用示例

serialize() 方法创建以标准 URL 编码表示的文本字符串,下面为大家介绍下jQuery serialize方法的使用

.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。

<!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="https://www.jb51.net/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" value="1" /></div> <div><input type="text" value="2" /></div> <div><input type="hidden" value="3" /></div> <div> <textarea rows="8" cols="40">4</textarea> </div> <div><select> <option value="5" selected="selected">5</option> <option value="6">6</option> <option value="7">7</option> </select></div> <div> <input type="checkbox" value="8" /> </div> <div> <input type="button" value="提交" /> </div> </form> </body> </html><span> </span>

点击提交:

输出标准的查询字符串:a=1&b=2&c=3&d=4&e=5

如果将复选框也选上的话 输出的就是:a=1&b=2&c=3&d=4&e=5&f=8

您可能感兴趣的文章:

相关文章

最新评论

站长推荐

正版 Windows 10

正版Windows 10 家庭/专业版,操作系统限时抢购[¥1088→¥248]

站长推荐

正版 Office 软件

Microsoft Office 2016/2019/365 正版最低价仅需[ ¥148元]

大家感兴趣的内容

最近更新的内容

常用在线小工具

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgsgwy.html