1.serialize()方法
格式:var data = $("form").serialize();
功能:将表单内容序列化成一个字符串。
这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
2.serializeArray()方法
格式:var jsonData = $("form").serializeArray();
功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.1.min.js"></script> <title></title> <style> </style> </head> <body> <form action=""> First name: <input type="text" name="FirstName" value="Bill" /><br /> Last name: <input type="text" name="LastName" value="Gates" /><br /> select: <select name="sel"> <option>ppp</option> <option checked="checked">aaa</option> </select> <input type="radio" name="radio" value="radio1" checked="checked" /> 单选 </form> <button>序列化表单值</button> <div></div> </body> </html> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("div").text($("form").serialize()); }); }); </script>