博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js表单动态添加数据并提交
阅读量:5749 次
发布时间:2019-06-18

本文共 1710 字,大约阅读时间需要 5 分钟。

情景1:已经存在form对象了,动态为form增加对象并提交

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

 

情景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()}

 

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://slezx.baihongyu.com/

你可能感兴趣的文章
struct timeval
查看>>
stringstream中的clear()与str()
查看>>
判断sqlserver临时表等临时资源是否存在
查看>>
微信小程序开发 -- 点击右上角实现转发功能
查看>>
ERP实施随笔
查看>>
前端布局学习
查看>>
问题解决-Failed to resolve: com.android.support.constraint:constraint-layout:1.0.0-alpha7
查看>>
openURL的使用
查看>>
与MS Project相关的两个项目
查看>>
[转载]ASP.NET MVC Music Store教程(1):概述和新项目
查看>>
css实现单行,多行文本溢出显示省略号……
查看>>
[Cocos2d-x v3.x]Mac OX 创建新的Cocos2d-x 3.0 项目
查看>>
【jQuery插件】使用cropper实现简单的头像裁剪并上传
查看>>
操作符和表达式
查看>>
FlashBack-SCN-TIMESTAMP
查看>>
解决数据丢失问题
查看>>
CHIL-ORACLE-给表插入数据
查看>>
ssh框架复习
查看>>
FrameBuffer
查看>>
vue生命周期和react生命周期对比
查看>>