<form id="myform" name="myform" >
用户名:<input type="text" id="username" name="username"><br>
密码:<input type="text" id="password" name="password"><br>
<input type="button" value="登录" id="btn">
</form>
<script type="text/javascript">
$("#btn").click(function(){
var data=$("#myform").serialize(); //
//value的值
$.post("1.php",data,function(data){
console.log(data);
})
})
</script>
尤其是这个serialize()方法 ,基本我学的不多算是个小白,就说说我自己的一些个人见解:
我们都知道 ,表单数据要想提交到服务器,必须是带有name属性的表单元素才可以提交 我写的这段代码片段,就是一个比较简单的例子,就是说当创建一个serialize()方法的时候,程序会完成表单序列化,挨个的找到带有name属性的表单元素,像username&password 然后会像服务器端提交你要输入的请求 就像username=?&password=?,当输入值的时候程序就会自动提交服务器 serialize()获得表单中的所有含有name属性, 把它的值作为名称提交到服务器端和value绑定,然后通过后台验证响应一个数据,这就是serialize()的强大所在...小小见解,若有不对还望大神指教!
时间: 2024-11-10 00:33:59