首页 > 开发 > AJAX > 正文

jQuery ajax serialize() 方法使用示例

2024-09-01 08:33:23
字体:
来源:转载
供稿:网友

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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <title></title>  
  5. <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>  
  6. <script type="text/jscript">  
  7. // $(function () {  
  8. // alert($("form").serialize());  
  9. // })  
  10.  
  11. function btnClick() {  
  12. alert($("form").serialize());  
  13. }  
  14. </script>  
  15. </head>  
  16. <body>  
  17. <form>  
  18. <div><input type="text" name="a" value="1" id="a" /></div>  
  19. <div><input type="text" name="b" value="2" id="b" /></div>  
  20. <div><input type="hidden" name="c" value="3" id="c" /></div>  
  21. <div>  
  22. <textarea name="d" rows="8" cols="40">4</textarea>  
  23. </div>  
  24. <div><select name="e">  
  25. <option value="5" selected="selected">5</option>  
  26. <option value="6">6</option>  
  27. <option value="7">7</option>  
  28. </select></div>  
  29. <div>  
  30. <input type="checkbox" name="f" value="8" id="f" />  
  31. </div>  
  32. <div>  
  33. <input type="button" name="g" value="提交" id="g" onclick="btnClick()" />  
  34. </div>  
  35. </form>  
  36.  
  37. </body>  
  38. </html><span style="font-size:18px;color:#ff0000;">  
  39. </span> 



点击提交:

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表