ajax异步处理数据时,获取表单中数据的方法
1、$("form").serialize(); //生成字符串
serialize()方法是通过序列化表单的值,创建URL编码文本字符串(即形成GET传值得方式)
<form> <div><input type="text" name="a" value="1" id="a" /></div> <div> <textarea name="b" rows="1" cols="40">1</textarea> </div> <div><select name="c"> <option value="2" selected="selected">2</option> <option value="3">6</option> <option value="4">7</option> </select></div> <div> <input type="checkbox" name="d" value="5" id="f" /> </div> <div> <input type="submit" value="Submit" name='e'/> //不包含 </div> </form>
输出结果为:a=1&b=1&c=2&d=5
2、$("form").serializeArray() //返回的是JSON数据结构数据
注意:该方法返回的是JSON对象而非JSON字符串
[
{
name :a
value:1
},{
name :b
value:1
},{
name :c
value:1
},
{
name :a
value:2
},{
name :d
value:5
},
]