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

提交表单的时候,可以用表单序列化的方式,就不用找到每个要提交的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‘,

});

时间: 2024-10-20 06:26:31

表单序列化-可以简化表单提交数据的相关文章

表单序列化以及后台表单数据参数的提取

(该资料是楼主复习时所用,很浅显,如果有哪些地方不正确,欢迎大家留言指出) 提交表单的时候,一个表单可能会有多个参数,为了将这些参数传到后台,有两种方法: (1)通过表单id一个一个地将表单输入栏的value值取出,然后通过key:value的形式传到后台,在后台用requeset.getparameter(key), 当表单参数很多时,传入的过程很麻烦,传到后台后,对相应对象赋值也极为麻烦 (2)将表单整个序列化,打包成一个拥有多个key:value的集合,在后台用request.getpar

ajax 多个表单值问题,表单序列化加其它表单值

$.ajax({ type: "post", url: "{:u('cart/totalByCard')}?t="+Math.random(9999), data: {'address':address,'delivity':delivity,'payment':payment,$('#card_form').serialize()}, dataType: "json", success: function(json) { $('#cost_it

jquery validate如何不提交表单就做验证(ajax提交数据)

if($("#FromID").valid()){ $.ajax({ type:'post', url:'/CampaignOrderRelations/save', data:{id:COId}, success:function(data){ } }); } $("#FromID").valid()就是jquery validate 的验证

vue el-form鼠标事件导致页面刷新解决方案;vue 阻止多次点击提交数据通用方法

一.阻止表单自动提交刷新页面:<el-form> <el-form-item :inline="true" @submit.native.prevent> <el-input @keyup.enter.native='submit'></el-input> </el-form-item> </el-form> 注意: 鼠标事件导致页面刷新问题,在el-form上增加 @submit.native.prevent 可

form 表单序列化参数,ajax提交

①form表单的参数序列化后,然后提交. $.ajax({ type: 'post', url:$form1.attr("action"), data:$form1.serializeArray(),//序列化参数 dataType:"json", success: function(json){ if("200" == json.statusCode){ }else{ alertMsg.warn(json.message); } } }); ②

将任意一个jQuery对象进行表单序列化,免除了提交请求时大量拼写表单数据的烦恼,支持键值对&lt;name&amp;value&gt;格式和JSON格式。

http://zhengxinlong.iteye.com/blog/848712 将任意一个jQuery对象进行表单序列化,免除了提交请求时大量拼写表单数据的烦恼,支持键值对<name&value>格式和JSON格式. /// <reference name="jquery.js" description="1.3.2版本以上" /> /*!* 扩展jQuery表单序列化函数:{ Version: 1.2, Author: Eric

ajax提交表单序列化(serialize())数据

知识点: $("#form").serialize();将表单数据序列化为标准URL编码文本字符串(key1=value1&key2=value2…). 以下用一个例子来演示ajax提交表单序列化数据. 表单内容: <form id="f1"> <label for="realname" >姓名:</label><input type="text" name="rea

js: 将 form表单序列化

form的序列化,即将表单中的键值序列化为可提交的字符串 表单    <form id="target">        <select name="age">             <option value="age1">20</option>             <option value="age2" selected>21</option>

原生js实现form表单序列化

大家都知道在jquery中有相应的表单序列化的方法: 1.serialize()方法 格式:var data = $("form").serialize(); 功能:将表单内容序列化成一个字符串. 这样在ajax提交表单数据时,就不用一一列举出每一个参数.只需将data参数设置为 $("form").serialize() 即可. 2.serializeArray()方法 格式:var jsonData = $("form").serialize