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 身体康复的祝福语简短