js 与 jsp 数据互传

本文介绍了JSP页面中JavaScript与HTML元素之间的交互方法,包括如何通过ID获取元素值及利用隐藏字段传递JavaScript变量到服务器端。同时给出了具体的实现代码示例。

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

jsp -> js

1.input  和· span

通过定义id 传值:     <input type="text" name="useMoney" id="useMoney" />

                              <span id="confirmspan"></span>

             接收值:      document.getElementById(定义的id);

                                input中 type ="text" 记得document.getElementById(**).value;


2.<% %>

记得<% %> 需要在 <script></script> 上面 (按正常从上到下顺序 执行,js 中执行函数可往上跳)。

3.

初学者,待补充


js -> jsp

1.(转自 博客园 Genter )

-- 以下是JSP中HTML代码,用于将JS中变量存储到隐藏控件中

1
2
3
4
<!-- 在form中设置隐藏控件,用来存储JS中的值 -->
<form name="frmApp" action="a.jsp" id="frmAppId" mothed="post"/>
   <input id="test" type="hidden" name="test">
</form>

  -- 以下是JSP中JS代码,通过表单将提交本页面(隐藏控件将被提交到服务器)

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript">
    function setItemValue(){
        var tmp = "testing";
        document.getElementById("test").value = tmp;  // 将JS变量值存储到隐藏控件中
    }
 
    function submit(){
        var frm = document.getElementById("frmAppId"); // 获取表单
        frm.submit(); // 对表单进行提交
    }
</script>

  -- 以下是a.jsp中在表单进行提交后,对变量进行接收的代码

1
2
3
<%
    String test = request.getParameter("test"); // test为隐藏控件名
%>





评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值