jQuery实现表单动态添加数据并提交的方法_ajax实现添加数据资源-CSDN文库

jQuery

动态添加

188 浏览量 2020-10-18 08:25:26 上传评论收藏 39KB PDF 举报

资源推荐

资源详情

资源评论

jQuery实现表单动态添加数据并提交的方法实现表单动态添加数据并提交的方法

主要介绍了jQuery实现表单动态添加数据并提交的方法,结合实例形式总结分析了jQuery针对存在form表单的添

加、提交,不存在form表单的添加、提交,ajax、非ajax形式提交等数据添加与表单提交操作技巧,需要的朋友可以

参考下

本文实例讲述了jQuery实现表单动态添加数据并提交的方法。分享给大家供大家参考，具体如下：

情景情景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,

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论收藏

内容反馈

weixin_38534683

粉丝: 3
资源: 1020

jQuery实现表单动态添加数据并提交的方法

jquery实现弹窗表单填写提交

基于jQuery实现表格数据的动态添加与统计的代码

jQuery自动添加表单项的方法

jquery实现动态生成表格

使用jQuery获取data-的自定义属性

jquery.form提交方式

运用jQuery实现的Ajax无刷新删除和添加数据的表单

jQuery实现form表单基于ajax无刷新提交方法详解

JQuery 动态生成DIV、Table并处理数据,DWR与后台交互

jQuery实现表单提交时判断的方法

jquery ajax提交表单数据的两种实现方法

基于jQuery实现表单提交验证

jQuery实现表单动态加减、ajax表单提交功能

jQuery+ajax实现动态添加表格tr td功能示例

使用jQuery实现动态添加、删除表格

jQuery 动态添加或删除表格行

jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

JQuery实现动态表格点击按钮表格增加一行

jQuery点击弹窗表单代码

jquery实现动态创建form并提交的方法示例

基于jquery实现select选择框内容左右移动添加删除代码分享

jquery-fillform:自动填写表单，基于输入类型

jQuery实现ctrl+enter（回车）提交表单

jQuery 实现批量提交表格多行数据的方法

JavaScript动态添加数据到表单并提交的几种方式

最新资源