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

最新推荐文章于 2023-05-23 11:16:36 发布
最新推荐文章于 2023-05-23 11:16:36 发布
阅读量809 收藏 1
点赞数
分类专栏： js相关
//增加的函数 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;
    document.getElementById("queryForm").submit();
}
//增加的函数 end
dxy_fly
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js提交form表单,并传递参数的实现方法
10-22
下面小编就为大家带来一篇js提交form表单,并传递参数的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js提交from表单 多参数
李锋的博客
12-05 1万+
翻页  处理 1、 jsp 翻页   "/> -->   2、js函数提交from   function filter(){    var url = "home/reading_book?currentpage=1&resType=";  document.form.action = url;       document.form.me
js里面form传值
大漠孤狼的博客
08-24 5234
菜鸟的第一篇文章，今天在工作中遇到一个问题。下面来说说，也许很多大神都知道了，但作为菜鸟还是想说说。 对于table表格里面的数据，如下： ID 姓名 年龄 地址操作 1 小明 26 美国下载 1 小花 26 日本下载 1 二妮 24 中国下载 假如我们需要得到用户的id，然后和数据库进行交互，我们怎么把
js参数传递的四种方式
liuhaoxin666的博客
03-19 9015
1.直接在URL后面加参数 2.用超链接的方法传递参数：当点击超链接的时候，首先会跳转到localhost:21811/Handler1.ashx页面，然后还会传递id 和name 两个参数过去 3.第三种：通过js方法传递:用户点击这个button按钮，触发DOM时间中的onClick事件，执行Go()方法，跳转到localhost:21811/Handler1.ashx页面，同时传递了id，和...
js发送form表单文件加参数
qq_34168515的博客
04-01 2062
文章目录一、前言二、使用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提交表单参数传递问题
飞在江湖的专栏
03-28 1261
js传递表单的时候，发现如果使用Url传递，参数是传递不过去的，为什么呢？也许是js的bug吧，换种方式，采用hidden来传递就OK了。下面来看实现 这种方式是不可以的，发现versionIds接收到的是null： function delVersion(versionIds) {  if(confirm("确认删除该条记录？"))  {       var url="/mpos/v
javascript---在表单提交之前处理事件
黄星的专栏
07-24 433
<form action="" method onSubmit="return check()"> </form><script> function check() { if ("...") { return true; } else { return false; } } </script>
form提交时传递额外的参数几种常见方法
09-22
在进行表单提交时，会遇到在提交前增加额外参数的情况，主要有以下几种方法，大家可以根据自己的需求进行选择
四种参数传递的形式——URL，超链接，js，form表单
10-23
本文介绍了四种参数传递的形式，并给出了URL，超链接，js，form表单传参方式,需要的朋友可以参考下
使用jquery提交form表单并自定义action的方法
10-22
总的来说，使用jQuery提交form表单并自定义`action`提供了灵活性，允许你构建更复杂的前端交互，同时保持了POST提交的安全性。这种方式结合了jQuery的便捷性和HTML表单的原始功能，是现代Web开发中常见的一种技术...
JS有哪几种传参方式
menggx1的博客
05-14 1746
js有哪几种传参方式？小课堂【深圳-web-A组】目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍我们今天讲的传参是指页面之间的数据传递。传统的前端开发中，页面之间是少有参数交互的，甚至没有，而在如今的前端环境下，一个稍微正式点的项目都不可能少了页面间传参，页面的跨越、服务器后台进行数据请求等，都需要一个或多个传参的方法。那么参数在不...
JavaScript设置form, textarea, text input元素的value
soindy
01-06 4011
原文地址: How to set the value of a form element using Javascript 设置form的值获取form对象oFormObject = document.forms['form_id'];获取单独的元素oformElement = oFormObject.elements[index];或者oFormElement = oFormObject.elem
js中创建form表单
weixin_34258078的博客
03-29 1638
有的时候需要在js中创建form向controller提交数据，下面是在工作中遇到的一些问题和解决办法： 简单的用jquery创建form: var form = $("<form method = 'post'></form>"); var input = $("<input type='hid...
form表单属性赋值常用方法
gp_911014的博客
05-23 1768
【代码】form表单属性赋值常用方法。
js提交form（动态参数）
wooodyhuang的专栏
11-17 1070
 from: http://topic.csdn.net/u/20090407/18/6b4b7ecd-02c6-4fd8-b7f4-df0be4af8ac7.html //get selected value and put into an html elementfunction getSelectedValue(selector, tips){ var target = docume
js给form表单赋value值
melo1996的博客
05-14 1万+
<input id="Address" name="Address" type="text" value=""/> <script type="text/javascript"> // var address=sessionStorage.getItem("address"); // document.write(address); ...
JavaScript 表单提交的三种方法
热门推荐
houyanhua1的专栏
11-18 1万+
表单提交的三种方法： 1、submit按钮，结合form标签的onsubmit事件。   checkForm()需要return 2、submit按钮，结合onclick事件。    checkForm()需要return 3、button按钮，结合onclick事件。  js中：checkForm(){document.form1.submit();} 不需要return 1
js form表单提交 传参
最新发布
09-03
在使用JavaScript提交表单时，我们需要使用form的submit()方法来触发表单的提交事件。传递参数的方法有多种。 1. GET方式传递参数：在form标签的action属性中设置要提交到的URL，并将参数直接附加在URL后面。例如： ```html <form id="myForm" action="http://example.com/myPage?param1=value1&param2=value2" method="GET"> <!-- 表单内容 --> </form> ``` 在提交表单时，浏览器会将表单的数据与URL中的参数一起发送给服务器。 2. 使用JavaScript动态构建URL参数：可以使用JavaScript来动态构建URL参数，并通过设置form的action属性来传递参数。例如： ```html <form id="myForm" action="http://example.com/myPage" method="GET"> <!-- 表单内容 --> </form> <script> var form = document.getElementById("myForm"); form.action = "http://example.com/myPage?param1=" + encodeURIComponent(value1) + "&param2=" + encodeURIComponent(value2); form.submit(); </script> ``` 在JavaScript中，我们可以使用encodeURIComponent()函数将参数值进行编码，以确保在URL中正确传递参数。 3. 使用POST方式传递参数：如果希望将参数作为请求的体部分发送，可以将表单的method属性设置为POST，并使用JavaScript来动态构建表单数据。例如： ```html <form id="myForm" action="http://example.com/myPage" method="POST"> <!-- 表单内容 --> </form> <script> var form = document.getElementById("myForm"); var formData = new FormData(form); formData.append("param1", value1); formData.append("param2", value2); var xhr = new XMLHttpRequest(); xhr.open("POST", form.action); xhr.send(formData); </script> ``` 在这种方法中，我们使用了FormData对象来存储表单数据，并使用XMLHttpRequest发送POST请求。通过append()方法，我们可以将额外的参数添加到formData对象中。 需要注意的是，使用这种方式传递的参数不会出现在URL中，而是作为请求的主体部分发送给服务器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值