js表單動態添加數據并提交

情景1：已經存在form對象了，動態為form增加對象并提交

function formAppendSubmit(){var myform=$('#newArticleForm'); //得到form對象var tmpInput=$("<input type='text' name='blogArticleForm.articleContent'/>");tmpInput.attr("value", myUeditor.window.getContentInsideBody());myform.append(tmpInput);myform.submit();
}

?

情景2：沒有form對象，動態生成form，動態添加數據并提交

function(event){form = $("<form></form>")form.attr('action',action)form.attr('method','post')input1 = $("<input type='hidden' name='input1' />")input1.attr('value','input1 value')input2 = $("<input type='text' name='textinput' value='text input' />")form.append(input1)form.append(input2)form.appendTo("body")form.css('display','none')form.submit()
}

?

jquery ajax 提交表單

$.ajax({type: "POST",    url: www.baidu.com,data: $('#formId').serialize(),success: function (data) {},error: function(data) {}
});

jquery ajax 非表單形式

$.ajax({type:"post",url: "login.action",data: "name="+user + "&chatRoomId="+chatRoomId,success:function(){},error:function(){}
});

?

情景3：沒有form對象，利用formData，動態添加數據并提交

    function?UpladFile(fileUploadId, taskid) { 
　　　　  var fileObj = document.getElementById(fileUploadId).files[0]; // 獲取文件對象// FormData 對象var form_data = new FormData();//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) {}});

  }

?