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

最新推荐文章于 2023-07-02 22:59:28 发布
最新推荐文章于 2023-07-02 22:59:28 发布
阅读量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传值
大漠孤狼的博客
08-24 5235
菜鸟的第一篇文章，今天在工作中遇到一个问题。下面来说说，也许很多大神都知道了，但作为菜鸟还是想说说。 对于table表格里面的数据，如下： ID 姓名 年龄 地址操作 1 小明 26 美国下载 1 小花 26 日本下载 1 二妮 24 中国下载 假如我们需要得到用户的id，然后和数据库进行交互，我们怎么把
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表单,并传递参数的实现方法
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提交表单参数传递问题
飞在江湖的专栏
03-28 1261
js传递表单的时候，发现如果使用Url传递，参数是传递不过去的，为什么呢？也许是js的bug吧，换种方式，采用hidden来传递就OK了。下面来看实现 这种方式是不可以的，发现versionIds接收到的是null： function delVersion(versionIds) {  if(confirm("确认删除该条记录？"))  {       var url="/mpos/v
一个使用JS提交表单并传递参数的问题
jiatingjian的专栏
09-17 633
    开始我是这样写的，想要提交表单到servlet中处理，因为我要操作的不仅是修改还有删除等操作共用一个servlet，所以要传递参数以识别。然后再servlet中进行判断   document.forms[0].action='update.servlet?action=update';    document.forms[0].submit();在servlet中在得到jsp页面中的复选框的中数据的id很悲剧的是没有得到action的值最后发现问题所在在这样写就好了 把method设置为POS
form提交时传递额外的参数几种常见方法
09-22
在进行表单提交时，会遇到在提交前增加额外参数的情况，主要有以下几种方法，大家可以根据自己的需求进行选择
四种参数传递的形式——URL，超链接，js，form表单
10-23
本文介绍了四种参数传递的形式，并给出了URL，超链接，js，form表单传参方式,需要的朋友可以参考下
使用jquery提交form表单并自定义action的方法
10-22
总的来说，使用jQuery提交form表单并自定义`action`提供了灵活性，允许你构建更复杂的前端交互，同时保持了POST提交的安全性。这种方式结合了jQuery的便捷性和HTML表单的原始功能，是现代Web开发中常见的一种技术...
js的form表单提交url传参数（包含+等特殊字符）的解决方法
热门推荐
JkunZhang的专栏
02-16 2万+
JavaScript encodeURIComponent() 函数 http://www.w3school.com.cn/js/jsref_encodeURIComponent.asp
js如何传递参数
weixin_59525879的博客
07-02 1078
与传递对象类似，可以将多个参数封装在一个数组中，然后将该数组作为参数传递给函数。函数在定义时可以指定参数，调用函数时可以将需要传递的值作为参数传入。可以通过在一个对象中封装多个参数，然后将该对象作为参数传递给函数。函数可以返回一个值，然后再将该返回值作为参数传递给其他函数。
js发送form表单文件加参数
qq_34168515的博客
04-01 2070
文章目录一、前言二、使用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 中利用触发事件 以提交表单的方式向后台传递数据
JAVAGirl
05-07 300
[code="java"] function autoPb(){ var engineRoomName = document.getElementById("engineRoomName").value; var month = document.getElementById('month').value; if(month!=""){ var url = "${webRoot}/bas...
JS传递参数以及表单验证
stilling2006的专栏
05-14 2459
　　最近帮战友做了2次作业。都是和js有关的，虽然很简单但还是记录下吧。也好提醒自己，有空了就该学学js以及正则表达式。 　　如果在js中写一个函数如下：function submit(){var input1 = document.getElementById("num");window.open("2.html?num=" + input1.value+"&css="+input2.v
JS 将参数以post的形式提交
chao_yue1992的博客
12-03 2598
JS 将参数以post的形式提交 var form = $("&lt;form&gt;"); form.attr('style', 'display:none'); form.attr('target', ''); form.attr('method', 'post'); form.attr('action', url（此处填地址）); var inpu...
html表单 传递 符号,js的form表单提交url传参数(包含+等特殊字符)的两种解决方法...
weixin_29917533的博客
06-20 1631
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法方法一：(伪装form表单提交)linkredwin = function(A,B,C,D,E,F,G){var formredwin = document.createElement("form");formredwin.method = 'POST';document.body.appendChild(formredwin);...
JS解析URL参数,并将参数以FORM表单形式提交
亲昵YY
07-25 1022
function GetRequest_blank(url) { var tempURL=url.split("?")[0]; var querys = url.substring(url.indexOf('?') + 1).split('&').map((query) => query.split('=')).reduce((params, pairs) => (para
参数传递的四种形式----- URL，超链接，js，form表单
weixin_34392843的博客
07-23 103
什么时候用GET,  查，删， 什么时候用POST,增，改  （特列：登陆用Post,因为不能让用户名和密码显示在URL上） 4种get传参方式   [html] view plaincopy   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;   &lt;head&gt;   &lt;meta http-eq...
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、付费专栏及课程。

余额充值