码迷,mamicode.com
首页 > 其他好文 > 详细

表单序列化-可以简化表单提交数据

时间:2017-08-30 09:59:56      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:.ajax   eth   post   ack   span   表单   round   type   name   

提交表单的时候,可以用表单序列化的方式,就不用找到每个要提交的id逐个提交!

<form id="loginInputForm" method="post">
<table>
<tr>
<th align="right">用户名</th><td><input name="name"/></td>
</tr>
<tr>
<th align="right">密码</th><td><input name="password" type="password"/></td>
</tr>
</table>
</form>

表单提交:(一般的提交方式)

$.ajax({
url:‘‘,
data:{
         name:$(‘#loginInputForm input[name=name]‘).val(),
         password:$(‘#loginInputForm input[name=password]‘).val()
      },
      dataType:‘json‘,
});

在ajax中提交的时候,可以直接用$(‘#loginInputForm‘).serialize(),就可以将每个要提交的id的内容提交
$.ajax({
    url:‘‘,
    data:$(‘#loginInputForm‘).serialize(),

    dataType:‘json‘,

});

表单序列化-可以简化表单提交数据

标签:.ajax   eth   post   ack   span   表单   round   type   name   

原文地址:http://www.cnblogs.com/GumpYan/p/7451483.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!