JavaScript动态添加数据到表单并提交的几种方式
情景1：已经存在form对象了，动态为form增加对象并提交
functionformAppendSubmit(){
varmyform=$('#newArticleForm');//得到form对象
vartmpInput=$("
情景2：没有form对象，动态生成form，动态添加数据并提交
function(event){
form=$("")
form.attr('action',action)
form.attr('method','post')
input1=$("jqueryajax提交表单
$.ajax({
type:"POST",
url:www.baidu.com,
data:$('#formId').serialize(),
success:function(data){
},
error:function(data){
}
});
jqueryajax非表单形式
$.ajax({
type:"post",
url:"login.action",
data:"name="+user+"&chatRoomId="+chatRoomId,
success:
function(){
},
error:
function(){
}
});
5|0情景3：没有form对象，利用formData，动态添加数据并提交
functionUpladFile(fileUploadId,taskid){
varfileObj=document.getElementById(fileUploadId).files[0];//获取文件对象
//FormData对象
varform_data=newFormData();
//form.append("author","hooyes");//可以增加表单数据
form_data.append("taskid",taskid);
form_data.append("file",fileObj);//文件对象
$.ajax({
type:"POST",
dataType:"html",
url:www.baidu.com,
data:form_data,
success:function(data){
},
error:function(data){
}
});
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语