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 儿童毕业祝福语 简短6
14 开工仪式横幅祝福语简短
15 孩子日常祝福语大全简短
16 清晨寄语诗句祝福语简短
17 结婚送亲认亲祝福语简短
18 虎年喝酒拜年祝福语简短