js提交form表单，并传递参数

最新推荐文章于 2025-06-21 08:08:00 发布

转载最新推荐文章于 2025-06-21 08:08:00 发布 · 1.9w 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.itdaan.com/blog/2013/04/18/d26f13da9de5e2bbd607464da6ad1f8e.html

文章标签：

#参数 #form #for #并传递参数 #orm #js提交form表单

本文介绍如何使用JavaScript来提交HTML中的Form表单并传递参数，适用于网页开发中表单提交的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js如何提交form表单，并传递参数呢？

参考：https://www.itdaan.com/blog/2013/04/18/d26f13da9de5e2bbd607464da6ad1f8e.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kkwant

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js控制表单提交带参数

pzqingchong的专栏

09-28

3113

根据HTML的规定，通过GET方法提交表单时，action地址里的query string会被丢弃。 1、 jsp 翻页 "/> --> 2、js函数提交from表单 function filter(){ var url = "home/reading_book?currentpage=1&re

JQuery.form表单提交参数详解.txt

01-12

ajaxForm()和ajaxSubmit()方法可以接受0个或1个参数，当为单个参数时，该参数可以是一个回调函数，也可以是一个options对象。以下是一个options对象. var options={ target:'#output1', //把服务器返回内容放入id为output1的元素中 beforeSubmit:showRequest, //提交前的回调函数 success:showResponse, 提交后的回调函数 //url:url, //默认是form的action,如果申明，则会覆盖 //type:type, //默认是form的method('get' or 'post'),如果申明，则会覆盖 //dateType:null, //'xml','script',or 'json'(接受服务端返回的类型) //clearForm:true, //成功提交后，清除所有表单元素的值 //resetForm:true, //成功提交后，重置所有表单的值 //timeout:3000 //限制请求的时间，当请求大于3秒后，跳出请求 }

参与评论您还未登录，请先登录后发表或查看评论

js提交form表单,并传递参数的实现方法

11-22

//增加的函数 begin function queryFun(){ var type = $("#artType").val(); var hasInputed = "1";//表示输入了要搜索的信息 if($("#query").val()=="选手姓名/编号"){ //表示没有输入要搜索的值 hasInputed="0"; } document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type; docu

纯 JS 实现表单提交的核心原理与错误解决form.submit()

最新发布

06-21

473

纯JS实现form,报错:不加document.body.appendChild(form);也能POST吧?

js提交表单参数传递问题

飞在江湖的专栏

03-28

1310

js传递表单的时候，发现如果使用Url传递，参数是传递不过去的，为什么呢？也许是js的bug吧，换种方式，采用hidden来传递就OK了。下面来看实现这种方式是不可以的，发现versionIds接收到的是null： function delVersion(versionIds) { if(confirm("确认删除该条记录？")) { var url="/mpos/v

一个使用JS提交表单并传递参数的问题

jiatingjian的专栏

09-17

679

开始我是这样写的，想要提交表单到servlet中处理，因为我要操作的不仅是修改还有删除等操作共用一个servlet，所以要传递参数以识别。然后再servlet中进行判断 document.forms[0].action='update.servlet?action=update'; document.forms[0].submit();在servlet中在得到jsp页面中的复选框的中数据的id很悲剧的是没有得到action的值最后发现问题所在在这样写就好了把method设置为POS

form提交时传递额外的参数几种常见方法

09-22

本文将详细介绍在form提交时传递额外参数的几种常见方法，并分析各自的优缺点，供开发者根据实际需求进行选择。 1. 在表单里使用隐藏的input元素这是最简单也是最直接的方法。可以在表单HTML代码中直接添加一个...

js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

10-22

方法一：伪装form表单提交这种方法通过JavaScript动态创建一个form元素，将需要提交的参数值编码后加入到表单的action属性中，然后模拟form的提交行为。示例代码如下： ```javascript linkredwin=function(A,B,C,D,...

四种参数传递的形式——URL，超链接，js，form表单

10-23

4. 使用form表单传递参数： form表单是Web应用中常用的一种收集用户输入信息的方式。通过设置form标签的action属性指向服务器端处理请求的资源，并通过input元素收集用户输入的参数。上述内容中的form表单示例为： ...

js发送form表单文件加参数

qq_34168515的博客

04-01

2381

文章目录一、前言二、使用js 一、前言 form表单可以直接进行提交，但是因为submit之后，会进行页面跳转，导致用户体验感极差，所以为了解决form表单提交出现的问题使用jquery进行解决 <form target="_blank" id="commit_form" action="/hjmos-ssh/deploy/uoloadFile" method="post" enctype="multipart/form-data"> <input type="file" nam

js提交form

PentaQwQ的博客

03-23

366

document.getElementById('myform').submit()

js里面form传值

大漠孤狼的博客

08-24

5350

菜鸟的第一篇文章，今天在工作中遇到一个问题。下面来说说，也许很多大神都知道了，但作为菜鸟还是想说说。对于table表格里面的数据，如下： ID 姓名年龄地址操作 1 小明 26 美国下载 1 小花 26 日本下载 1 二妮 24 中国下载假如我们需要得到用户的id，然后和数据库进行交互，我们怎么把

js的form表单提交url传参数（包含+等特殊字符）的解决方法

JkunZhang的专栏

02-16

2万+

JavaScript encodeURIComponent() 函数 http://www.w3school.com.cn/js/jsref_encodeURIComponent.asp

js如何传递参数

weixin_59525879的博客

07-02

1287

与传递对象类似，可以将多个参数封装在一个数组中，然后将该数组作为参数传递给函数。函数在定义时可以指定参数，调用函数时可以将需要传递的值作为参数传入。可以通过在一个对象中封装多个参数，然后将该对象作为参数传递给函数。函数可以返回一个值，然后再将该返回值作为参数传递给其他函数。

js中创建form表单

weixin_34258078的博客

03-29

1701

有的时候需要在js中创建form向controller提交数据，下面是在工作中遇到的一些问题和解决办法：简单的用jquery创建form: var form = $("<form method = 'post'></form>"); var input = $("<input type='hid...

js提交form表单

热门推荐

一直在奋起，一直在路上

08-27

4万+

前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知识O(∩_∩)O~

js 中利用触发事件以提交表单的方式向后台传递数据

JAVAGirl

05-07

331

[code="java"] function autoPb(){ var engineRoomName = document.getElementById("engineRoomName").value; var month = document.getElementById('month').value; if(month!=""){ var url = "${webRoot}/bas...

前端form表单传递参数

01-11

### 如何在HTML前端使用form表单传递参数 #### 使用`<form>`标签定义表单为了创建一个能够发送数据给服务器的表单，需要先用`<form>`标签来包裹输入控件和其他元素。此标签支持多个属性用于控制其行为，其中最重要的是`method`和`action`。 - `method`: 定义了HTTP请求的方法（GET 或 POST）。对于敏感信息应采用POST方法[^1]。 - `action`: 指定处理该表单数据的目标URL路径[^2]。 ```html <form id="exampleForm" method="post" action="/submit">  </form> ``` #### 添加输入字段为了让用户能向服务器提交数据，在表单内部需加入各种类型的输入域，比如文本框、密码框或是文件上传组件等。每个输入项都应该有一个唯一的名称(`name`)以便于识别所接收的数据。 ```html <input type="text" name="username" placeholder="Enter your username"/> <input type="password" name="password" />  ``` #### 处理特殊字符如果希望传输含有特殊字符的内容，则需要注意编码问题。默认情况下，浏览器会自动对大多数特殊字符进行适当转换以适应URL标准。然而，某些特定情况可能仍需额外注意，例如加号`+`会被转成空格，这可以通过JavaScript自定义编码逻辑解决。 ```javascript function encodeSpecialChars(formData){ let encodedData = new URLSearchParams(); for(let pair of formData.entries()){ encodedData.append(pair[0], encodeURIComponent(pair[1])); } return encodedData.toString(); } document.getElementById('exampleForm').addEventListener('submit', function(event){ event.preventDefault(); // 阻止默认提交动作 const formData = new FormData(this); fetch('/submit',{ method:'POST', body:encodeSpecialChars(formData), headers:{ 'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8' } }).then(response => response.json()) .then(data=>console.log(data)); }); ``` #### 设置正确的enctype属性当涉及到二进制文件或其他非ASCII字符集时，应该设置合适的`enctype`值，默认为`application/x-www-form-urlencoded`，而上传文件则需要用到`multipart/form-data`[^3]。 ```html <form id="fileUploadForm" method="post" action="/uploadFile" enctype="multipart/form-data"> <input type="file" name="myFile"/> <button type="submit">Submit File</button> </form> ```