JS和JSP之间值传递

您所在的位置:网站首页 html标签里如何获取js中的变量值 JS和JSP之间值传递

JS和JSP之间值传递

2024-05-08 15:59| 来源: 网络整理| 查看: 265

    JSP 页面通常嵌入 JS 代码,且 JS、JSP之间需要相互使用一些变量的值,但JSP代码在服务器运行、JS代码在客户端浏览器运行,所以涉及到JS和JSP值传递问题。其交互方式如下:

1.JS使用JSP中的变量

 

var tmp = ""; // 通过 "" 引用jsp中的变量、方法等,注意:一定要加双引号 alert(tmp);

 

 

 2.JSP使用JS中的变量

  由于JSP代码在服务器运行,无法直接使用客户端的JS代码中的变量。需先把客户端的变量提交到服务器,服务器再接收该变量。

案例如下:将a.jsp页面JS代码段的变量提交到服务器,JSP片段再获取该变量。

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

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

function setItemValue(){ var tmp = "testing"; document.getElementById("test").value = tmp; // 将JS变量值存储到隐藏控件中 } function submit(){ var frm = document.getElementById("frmAppId"); // 获取表单 frm.submit(); // 对表单进行提交 }

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

 

注意:通过提交form形式使得JSP能够使用JS变量会刷新本页面,在页面不需要保持状态情况下可以考虑使用。否则,可以通过Ajax进行异步通信。

详见文章:http://www.cnblogs.com/chenyongjun/p/3541872.html

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3