情景 1: 已经存在 form 对象了, 动态为 form 增加对象并提交
- function formAppendSubmit(){
- var myform=$('#newArticleForm'); // 得到 form 对象
- var tmpInput=$("<input type='text'name='blogArticleForm.articleContent'/>");
- tmpInput.attr("value", myUeditor.Windows.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) {
- }
- });
- }
来源: http://www.bubuko.com/infodetail-2922831.html