今天看了同事的代码,发现form属性还有serializeObject属性,结果上网查了下,这些方法的用法
首先我们统一写一个form表单
<form>
<input type="text" name="username" value="123"/>
<input type="password" name="password" value="456"/>
<button type="submit">查看</button>
</form>
- 首先使用serialize进行测试
$("button").click(function(){
console.log($("form").serialize()) // 输出 username=123&password=456
return false; // 这里加上return false是禁止页面跳转
})
- 接下来使用serializeObject进行测试
$("button").click(function(){
console.log($("form").serializeObject())// 有些人会出现这个错误$(...)serializeObject is not a function
return false;
})
出现$(…)serializeObject is not a function,这个错误的意思是找不到serializeObjece这个方法的定义(