jquery 动态构建form 并提交

2024-08-04

jQuery动态创建form表单并提交到后台(携带一定的数据进行页面跳转)

今天遇到这么一个需求,携带一个编号一个名字跳转到另一个JSP页面,直接页面跳转(get携带数据)的话不太安全,于是想到到后台转发一下. 第一种:直接以表单提交方式的进行 JS代码: var form = $("<form action='"+contextPath+"/trainacontentType_forwardToAddTraincontent.action"+"' method='post'></form>")

jquery动态创建form并提交到.ashx文件处理

有时候在写web 应用的时候,需要临时动态构造一个form 并提交,form 里面的参数以及action,以及是post请求还是get请求,甚至form 的样式都是可以指定的,用原生的javascript 可以做到,这里用jquery做了一个测试.我自己测试的是构造一个分页的post请求, 为了防止csrf 攻击,加入了csrf 验证,不需要的可以去掉. <html xmlns="http://www.w3.org/1999/xhtml"> <head run

使用jquery 动态创建form 并提交

$(document).ready(function(){ $("a.delete").click(function(event){ action = this.getAttribute("action") form = $("<form></form>") form.attr('action',action) form.attr('method','post'

jquery动态创建form表单

function exportExcel() { var merchantName = $('#merchantName').val(); var merchantNo = $('#merchantNo').val(); var orderNo = $('#orderNo').val(); var phone = $('#phone').val(); var orderStatus = $('#orderStatusCombobox').combobox('getValue'); var pai

Jquery Ajax自定义无刷新提交表单Form

Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法如Form代码如下: <form id="Form1" action="action.aspx" method="post" > 名称:<input name="name" type="text" /&

js动态创建Form表单并提交

javascript动态创建Form表单和表单项,然后提交表单请求,最后删除表单,代码片段如下(Firefox测试通过): var dlform = document.createElement('form'); dlform.style = "display:none;"; dlform.method = 'post'; dlform.action = '../fileServlet'; dlform.target = 'callBackTarget'; var hdnFilePat

Jquery来对form表单提交（mvc方案）

来自:http://www.cnblogs.com/lmfeng/archive/2011/06/18/2084325.html 我先说明一下,这是asp.net mvc 里面的用法, Jquery来对form表单提交,下面是一个form表单,里面没有action字段,我们来用Jquery注册事件进行提交, <form method="post" id="documentForm"> <input type="hidden"

通过jQuery的Ajax方式来提交Form表单

通过jQuery的Ajax方式来提交Form表单 $.ajax({ url:ajaxCallUrl, type:"POST", cache:true, async:false, data:$('#yourformid').serialize(), success: function(data) { $("#commonLayout_appcreshi").parent().html(data); }, failure:function(request){ alert

Form表单利用Jquery Validate验证以及ajax提交

#表单利用Jquery验证验证以及ajax提交概述>详细讲解表单利用Jquery >验证验证以及ajax提交的过程,以及Validate的自定义提示语,非空判断,输入字段的远程ajax验证等 .———-环境准备在html中引入四个js文件(jquery文件,jquery.form文件,jquery.validate文件,jquery.validate.extend文件): <script src =“/ jquery / jquery-.min.js”type =“text / jav

使用js/jquery动态提交表单数据到搜索引擎或者接口

现在一般需要用jquery等方式动态提交到某个接口,比如通过iframe <iframe id="mainIframe" name="mainIframe" src="https://www.baidu.com" frameborder="0" scrolling="auto" ></iframe> 如果我要动态改变src只需要$("#mainIframe").a

js表单动态添加数据并提交

情景1:已经存在form对象了,动态为form增加对象并提交 function formAppendSubmit(){ var myform=$('#newArticleForm'); //得到form对象 var tmpInput=$("<input type='text' name='blogArticleForm.articleContent'/>"); tmpInput.attr("value", myUeditor.window.getCont

PHP服务器文件管理器开发小结（九）：jQuery动态表单实现文件下载

前文讨论的文件操作,无论是新建.编辑.移动.删除,都是服务端对本地文件系统的操作.这一节需要讨论一个涉及服务端和客户端协调进行的操作:文件下载. 简单的文件下载可以通过将相对路径写入超链接的方式进行,然而这样仅限于服务端Apache有下载权限的文档,如果需要支持对更多文件进行下载,仅仅使用这一方式就远远不够了.这里需要利用PHP的能力,在服务端“取出”文件并“推送”给客户端. 首先是生成下载图标链接: 1 if (is_readable($filePath)) $info.= "<li&g

IE7中使用Jquery动态操作name问题

问题:IE7中无法使用Jquery动态操作页面元素的name属性. 在项目中有出现问题,某些客户的机器偶尔会有,后台取不到前台的数据值. 然开发和测试环境总是不能重现问题.坑爹之处就在于此,不能重现就不能调试,就不能知道改了后还会不会有这样的问题. 想想可能与客户环境唯一不同就只有可能是js缓存问题了,然后把所有的js文件引用的地方都加上一个当前时间参数,然问题依然存在. 本来规定的版本就是IE8,所以也没有想过会有版本兼容问题,在说了咱用的是jquery,jqeruy的出现不就是号称为了解决浏

曾经post为何只能通过form来提交

当我们web程序的前台,需要有数据向后台发送时候,我们第一时间想到的就是,给我们所需要提交的用户名,密码之类的数据封装到一个<form>表单里面去,而封装完毕之后,我们需要给form的提交方式进行设置即,<form method="post"> </form> 而,这样做的目的,就是在我们<form>表单中的数据被设置完之后,再点击button,而我们的<button>中,得设置它的方式type为:submit, 即,<

Jquey Form 异步提交文件参数并且在http 信息头header中加上一定参数

1.下载jQuery.Form 包官网下载:http://jquery.malsup.com/form/#download 2.模拟代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

Jquery 动态生成表单并将表单数据批量通过Ajax插入到数据库

利用Jquery 动态生成 Table 表单之后利用each 方法来遍历所有文本框获取文本的value值并通过Ajax 将数据提交到Web服务里把数据插入数据库 Html页面 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/htm

jQuery中设置form表单中action值的方法

jQuery中设置form表单中action值的方法 (2011-03-17 10:18:19) 转载▼ 标签: 杂谈 html代码: <form id="myFormId" name="myForm" action="" method="post"> <input type="hidden" id="inParam" name="inParam&quo

jQuery中防止表单提交两次的方法

遇到过表单提交两次的情况,做个记录: 解决场景:首先是表单验证,其次是防止多次提交表单: jQuery中插件:validate_submitHandler_plugin,具体的可以使用关键字搜索: 使用方法:首先在前端定义form表单,然后jQuery来处理验证和提交: <form id="application-form" class="form-horizontal"> <div class="rds panel panel-prim

jQuery动态表格插件 AppendGrid

AppendGrid是一个jQuery动态表格插件,提供像填写电子表格数据一样在页面去输入结构化数据. 它允许用户在表格里增加/删除/插入/删除行,控制input/select/textarea 提交数据到服务器端应用比如ASP.NET/PHP/JSP,还提供许多回调和操作方法. 效果图如下: 实现步骤有: 一.引入相关插件: 主要是红体字这两个. <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.

jQuery动态网格瀑布流插件Masonry

Masonry是一款非常强大的jQuery动态网格布局插件,可以帮助开发人员快速开发瀑布流界面效果.和CSS中float的效果不太一样的地方在于,float先水平排列,然后再垂直排列,使用Masonry则先垂直再横向排列元素,将下一个元素放置到上一个元素底部的网格中的下一个开发区域.这种效果可以最小化处理不同高度的元素在垂直方向的间隙. 在上图中大家可以看到,在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大,而使用Masonry处理后,间隔变小. 使用方法引入核心

jquery 动态构建form 并提交

热门专题