JavaScript与JSP值互相调用-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_11203/article/details/82365859

本文介绍JavaScript与JSP之间的数据交互方法，包括如何从前端向后端提交数据及从后端获取数据，并提供示例代码。

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

　　获取后台的值，如request对象，
　　例如：获得权限信息并展示，一段JavaScript 代码如下
　　1）赋值给页面
　　function initRight()
　　{
　　var rights='';
　　var rightArr = rights.split(",");
　　var size = rightArr.length;
　　var obj;
　　for(var count =0 ; count
　　
　　
　　function initRight()
　　{
　　var rights='';
　　var rightArr = rights.split(",");
　　var size = rightArr.length;
　　var obj;
　　for(var count =0 ; count
　　 function initRight() { var rights=''; var rightArr = rights.split(","); var size = rightArr.length; var obj; for(var count =0 ; count
　　2）展示给客户
　　对应html代码如下
　　
　　知识库管理
　　
　　
　　
　　
　　
　　知识库管理
　　
　　
　　
　　查询
　　
　　修改
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　知识库管理
　　
　　
　　
　　
　　
　　知识库管理
　　
　　
　　
　　查询
　　
　　修改
　　
　　
　　
　　
　　
　　
　　知识库管理知识库管理查询修改
　　3） function rightOncheck(eles,destId,destVal)
　　{
　　if(null != eles)
　　{
　　var element;
　　var setValue = false;
　　for(var v in eles)
　　{
　　var tempv = document.getElementById(eles[v]).value;
　　var strv;
　　if($Id(eles[v]).checked)
　　{
　　if(eles[v].indexOf("Update")>0)//新增
　　{
　　strv =eles[v].replace("Update","Query");
　　document.getElementById(strv).checked=true;
　　}
　　if(tempv.indexOf("update|")>-1)//修改
　　{
　　strv =eles[v].replace("update","query");
　　document.getElementById(strv).checked=true;
　　}
　　setValue=true;
　　}
　　}
　　var val=setValue?destVal:"";
　　$Id(destId).value=val;
　　} }
　　
　　function rightOncheck(eles,destId,destVal)
　　{
　　if(null != eles)
　　{
　　var element;
　　var setValue = false;
　　for(var v in eles)
　　{
　　var tempv = document.getElementById(eles[v]).value;
　　var strv;
　　if($Id(eles[v]).checked)
　　{
　　if(eles[v].indexOf("Update")>0)//新增
　　{
　　strv =eles[v].replace("Update","Query");
　　document.getElementById(strv).checked=true;
　　}
　　if(tempv.indexOf("update|")>-1)//修改
　　{
　　strv =eles[v].replace("update","query");
　　document.getElementById(strv).checked=true;
　　}
　　setValue=true;
　　}
　　}
　　var val=setValue?destVal:"";
　　$Id(destId).value=val;
　　} }
　　function rightOncheck(eles,destId,destVal) { if(null != eles) { var element; var setValue = false; for(var v in eles) { var tempv = document.getElementById(eles[v]).value; var strv; if($Id(eles[v]).checked) { if(eles[v].indexOf("Update")>0)//新增 { strv =eles[v].replace("Update","Query"); document.getElementById(strv).checked=true; } if(tempv.indexOf("update|")>-1)//修改 { strv =eles[v].replace("update","query"); document.getElementById(strv).checked=true; } setValue=true; } } var val=setValue?destVal:""; $Id(destId).value=val; } }
　　
　　一、页面中的JavaScript的数据如何提交给后台的jsp程序
　　① 可以将JavaScript的数据以xxx.JSP?var1=aaa&var2=bbb的形式作为URL的参数传给JSP程序，此时在jsp中用
　　就可以获取到JavaScript脚本传递过来的数据；
　　② 使用JavaScript通过在表单里加入隐藏域信息，然后用表单提交的方式把数据传递给JSP程序。
　　
　　
　　
　　
　　">
　　
　　
　　
　　
　　
　　
　　
　　
　　">
　　
　　
　　 ">
　　二、页面中的JavaScript的数据如何使用后台的JSP程序的数据
　　这个比较简单，直接在JavaScript脚本中用就可以把jsp程序中的数据传递给JavaScript脚本使用了。
　　参考下面的脚本：
　　
　　
　　
　　
　　"; //获取JSP中的变量值
　　document.all.mc.value = var1;
　　//-->
　　