从JS传递参数到action

最新推荐文章于 2019-06-20 23:59:35 发布
最新推荐文章于 2019-06-20 23:59:35 发布
阅读量1w 收藏 3
点赞数
分类专栏： SSH 文章标签： stylesheet action html javascript string path
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jndxjing/article/details/5959362
版权

今天写代码时碰到一个问题，无法从JavaScript中传递参数到action，后来得到老师帮助解决了问题：

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'option.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->

  <script type="text/javascript">
  function change(id)
  {
  window.location.href="option.action?courseId="+id;
  }
</script>
  </head>
 
  <body>
  <center><s:form action="" method="post">
   <s:select list="kch" name="wjtm.kcId.id" listKey="id"
   listValue="name" οnchange="change(this.value)" headerKey="0" headerValue="--请选择课程--"></s:select><br><br>
  </s:form></center>
  </body>
</html>

jndxjing
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
解决form中action属性后面?传递参数 获取不到的问题
10-19
`传递参数获取不到的问题，主要有以下两个步骤： 1. 将`method`属性从`GET`更改为`POST`。 2. 如果需要在URL中携带某些参数，可以使用隐藏的`<input>`元素，将这些参数作为`POST`数据的一部分传递。 请注意，`POST...
JS中传递参数的几种不同方法比较
10-20
需要注意的是，使用window.location.href或者form的action传递参数时，由于所有的参数都是通过URL传递的，因此不适合传递敏感信息。这些数据会明文出现在地址栏或链接中，容易被第三方截获。 相较之下，Ajax传递...
如何将js中的值传到后台action中
欢迎光临寒舍，真诚希望能够帮到您……
03-21 8005
通过form 表单和隐藏域传值 function commit(){ var myMask = new Ext.LoadMask(Ext.getBody(), {msg: '正在提交数据，请稍后...'}); myMask.show(); Ext.Ajax.request({ form: 'myForm', method:
js获取action传入的值
weixin_37705192的博客
11-22 5748
JS代码：     function showResume(){      var name="${resume.name}";     //通过el获取action传入的值，记得要加“”；     var address="${resume.address}";     $("#name").text(name);              //设置对应元素id的显示值；
js提交form表单,并传递参数的实现方法
10-22
本文主要讲解了如何使用JavaScript来提交一个表单，并在提交的同时向服务器传递参数。这是前端开发中常见的需求，尤其是在需要根据用户输入动态地向服务器发送数据并处理相应结果时。下面详细解释相关知识点。 首先...
vuex actions传递多参数的处理方法
12-10
由于`action`默认只接收这两个参数，所以在需要传递多个参数时，我们不能直接将它们作为额外的参数传入。 ### 解决方案 为了解决这个问题，我们可以利用JavaScript中的**解构赋值**（Destructuring Assignment）...
从js向Action传中文参数出现乱码问题的解决方法
10-26
尤其是当使用JavaScript向服务器端的Action传递参数时，乱码问题更为常见。以下详细解析了在JSP和JS交互中如何解决中文乱码问题，并提供了具体的代码示例。 ### 知识点解析 #### 1. 编码问题的重要性 在Web应用...
js通过地址栏给action传值(中文乱码全是问号)
11-30
前几天在完成一个ssh框架的项目时遇到一个小问题，情况是这样的。 在action中定义了私有变量，并提供get()，set()方法，js代码中就应该可以访问它。于是我从js代码中通过地址栏传值给了action的相应变量，但是，如果变量值为中文的时候，在action中测试输出则为“？？？”，而浏览器地址栏中仍然能显示中文。 我先根据网上一些解答配置了tomcat的配置文件，未果。后来想想也许不是什么复杂的问题，应该就是编码问题。我的myeclipse和项目的编码都设置为的“UTF-8”。于是我试着把项目和myeclipse编码都设为“iso8859-1”，还是不行。 这样不行，我便采取了更直接的
关于javascript传值到action页面
DING135DING的专栏
12-10 707
function deleteEmp() { var empId = document.getElementsByName("deleteEmpId"); var deleteEmpList = ""; var flag = false; for(var i =0;i<empId.length;i++) { if(empId[i].checked) { d
纯JS实现POST方式发送请求到java后台
这里是博客标题
05-22 6325
在使用POI导出echarts统计报表的时候 1.前台请求后台最方便的请求方式是get，但get方式提交参数长度有限制，不适用于提交echarts统计图生成的图片信息。 var picBaseCode=myChart.getDataURL(); 通过以上方法获取到echarts统计图的图片信息，picBaseCode是一段字符串类型的编码，内容超出了get提交的参数大小限制。 2.JQu...
Struct2中form表单的值无法传到Action对象中的值，解决方案之一
雪儿的专栏
03-18 1575
当其他步骤都正确时，查看web.xml。 我的web.xml文件中少了个xmlns:web的属性，xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"。 将xmlns:web的属性添加到 xmlns="http://java.sun.com/xml/ns/javaee" 后就可运行。 即 xmlns="http://ja
解决js页面传参到action中文乱码问题
CodingAnHour
09-27 1394
$.dialog.open(basePath+"xxxxxx/xxxxxxxx/xxxx.htm?id=" + id +"&tckId=" +tckId +"&typeName=" +encodeURIComponent(typeName), 一般中文乱码要么是post请求 这个不会产生乱码   get请求就用这个方法处理下！ encodeURIComponent() 函数可把字符
url调用action并传递参数的写法
06-20 2774
在xml文件中配置action路径，ApproveAction即xml中配置的path，delInfoById为action文件中你所要调用的方法，id为所要传递的参数， http://localhost:8080/project/ApproveAction.do?method=delInfoById&id=dbaac40e932b11e9aeb26c92bf669f78该种写法用来测试调...
在js页面通过post传递参数跳转到新页面
最新发布
09-02
在JavaScript中，我们可以使用POST方法来传递参数并跳转到新页面。以下是一种实现方式： 首先，在原始页面中，我们可以创建一个form元素，并将其method属性设置为POST，将action属性设置为新页面的URL： ```html <form id="myForm" method="post" action="newpage.html"> <!-- 输入要传递的参数 --> <input type="text" name="param1" value="value1"> <input type="text" name="param2" value="value2"> <!-- 添加一个提交按钮 --> <input type="submit" value="提交"> </form> ``` 然后，在JavaScript中，我们可以通过编写一个函数来监听form的提交事件，并在事件发生时阻止默认的表单提交行为： ```javascript document.getElementById("myForm").addEventListener("submit", function(event) { event.preventDefault(); // 阻止默认的表单提交行为 // 获取表单元素和值 var form = document.getElementById("myForm"); var param1 = form.elements["param1"].value; var param2 = form.elements["param2"].value; // 创建一个新的FormData对象 var formData = new FormData(); // 将参数添加到FormData对象中 formData.append("param1", param1); formData.append("param2", param2); // 使用XMLHttpRequest对象发送POST请求 var xhr = new XMLHttpRequest(); xhr.open("POST", form.action, true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 请求成功后跳转到新页面 window.location.href = xhr.responseText; } }; xhr.send(formData); }); ``` 最后，在新页面（newpage.html）中，我们可以通过获取URL参数来获取传递过来的数值。 以上是一个简单的使用POST方法传递参数并跳转到新页面的实现方法。当点击表单中的提交按钮时，JavaScript会阻止默认的表单提交行为，然后通过XMLHttpRequest对象发送POST请求，并在请求成功后跳转到新页面。在新页面中，我们可以获取传递过来的参数并进行处理。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值