Ajax提交多个表单,简化代码
2016-09-08 16:20
323 查看
1.ajax使用serialize()序列化提交单个表单
<span style="font-size:18px;"> $.ajax(
'fk/register/add',{
type:'post',
dataType:'json',
data:$("#visitor_form").serialize(),
success:function(data){
},
error:function(response){
},
complete:function(){
}
});</span>
2.ajax提交表单和其它单数据
<span style="font-size:18px;"> var data = $.extend({suiteList:suiteList},$("#visitor_form").serializeObject());
$.ajax(
'fk/register/add',{
type:'post',
dataType:'json',
data:data,
success:function(data){
},
error:function(response){
},
complete:function(){
}
});</span>
3.ajax提交多表单
<span style="font-size:18px;"> var data = $.extend($("#form_id").serializeObject,$("#visitor_form").serializeObject());
$.ajax(
'fk/register/add',{
type:'post',
dataType:'json',
data:data,
success:function(data){
},
error:function(response){
},
complete:function(){
}
});</span>
<span style="font-size:18px;"> $.ajax(
'fk/register/add',{
type:'post',
dataType:'json',
data:$("#visitor_form").serialize(),
success:function(data){
},
error:function(response){
},
complete:function(){
}
});</span>
2.ajax提交表单和其它单数据
<span style="font-size:18px;"> var data = $.extend({suiteList:suiteList},$("#visitor_form").serializeObject());
$.ajax(
'fk/register/add',{
type:'post',
dataType:'json',
data:data,
success:function(data){
},
error:function(response){
},
complete:function(){
}
});</span>
3.ajax提交多表单
<span style="font-size:18px;"> var data = $.extend($("#form_id").serializeObject,$("#visitor_form").serializeObject());
$.ajax(
'fk/register/add',{
type:'post',
dataType:'json',
data:data,
success:function(data){
},
error:function(response){
},
complete:function(){
}
});</span>
相关文章推荐
- .post简化.ajax方式提交form表单
- jQuery提交表单ajax查询实例代码
- ajax提交多个form表单
- jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式
- Ajax提交表单并接收json实例代码
- 用html5自带表单验证 并且用ajax提交的解决方法(附代码)
- Ajax提交Form表单及文件上传的实例代码
- jQuery提交表单ajax查询实例代码
- aJax 表单提交代码示例
- 用html5自带表单验证 并且用ajax提交的解决方法(附代码)
- ajax提交多个表单
- jquery,ajax多表单提交实现代码
- ajax提交整个from表单示例代码
- jquery ajaxfrom表单提交代码
- jQuery提交表单ajax查询实现代码(1/2)
- ajax提交表单数据,并根据返回的数据进行相关处理的代码
- ajax提交整个from表单示例代码
- ajax提交form表单,关键代码:$("#theForm").serialize()
- Extjs用ajax提交表单四种方式
- java web表单提交ajax参数封装方法