js表单动态添加数据并提交-白红宇

v情景1：已经存在form对象了，动态为form增加对象并提交

function formAppendSubmit(){        var myform=$('#newArticleForm'); //得到form对象        var tmpInput=$("");        tmpInput.attr("value", myUeditor.window.getContentInsideBody());        myform.append(tmpInput);        myform.submit();}

v情景2：没有form对象，动态生成form，动态添加数据并提交

function(event){        form = $("
     
")        form.attr('action',action)        form.attr('method','post')        input1 = $("")        input1.attr('value','input1 value')        input2 = $("")        form.append(input1)        form.append(input2)        form.appendTo("body")        form.css('display','none')        form.submit()}

vjquery ajax 提交表单

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

vjquery ajax 非表单形式

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

v情景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) {            　　　　　}　　　　　　});  }