SP 页面通常嵌入 JS 代码，且 JS、JSP之间需要相互使用一些变量的值，但JSP代码在服务器运行、JS代码在客户端浏览器运行，所以涉及到JS和JSP值传递问题。其交互方式如下：
JS使用JSP中的变量：
<%
String test = "I am testing !"; // JSP片段中定义变量
%>
<SCRIPT LANGUAGE = "JavaScript" >
var tmp = "<%=test %>"; // 通过 "<%=javaCode %>" 引用jsp中的变量、方法等，注意：一定要加双引号
alert(tmp);
</SCRIPT >
扩展资料
Js文件函数中调用另一个Js文件函数的方法：
在项目中Js文件需要完成某一功能，但这一功能的大部分代码在另外一个Js文件已经完成，只需要调用这个文件实现功能。
html 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html文件</title>
</head>
<body>
<script src="ajs"></script>
<script src="bjs"></script>
</body>
</html>
没太理解你的意图，在jsp中用script标签引入js文件后，直接在js里定义方法
然后把你需要的字符串作为实参传入就可以了
比如在js文件中定义一个方法 function foo(var str) {}
呵呵 你把循环放到jsp页面里 循环的时候建立
<input type="hidden" value=<%=你的值%> id="name+'"+i+"'">
然后再js里调用这个隐藏域的id 获得value 就行了
function deleteM(id){
//直接删掉 数据库假删除
/ alert(id);
$ /("#div"+id)remove();
$ajax({
url:"${pageContextrequestcontextPath}/servlet/MenuServletmethod=delete",
data:"id="+id,
success:function(data){
$("#div"+id)remove();
}
});
}
<body>
This is menu selectAll JSP page <br>
<jsp:include page="/servlet/MenuServletmethod=findAll"></jsp:include>
<p></p>
<div class="table-1">
<div class="tr-1">
<div class="td-1">序号</div>
<div class="td-1">标题</div>
<div class="td-1">连接地址</div>
<div class="td-1">排序</div>
<div class="td-1">录入时间</div>
<div class="td-1"> *** 作</div>
<div class="clear"></div>
</div>
</div>
<c:forEach items="${requestScopemenus }" var="a" varStatus="stat">
<div class="table-1">
<div class="tr-1" id="div${aid}">
<div class="td-1">${statcount }</div>
<div class="td-1">${atitle }</div>
<div class="td-1">${aurl}</div>
<div class="td-1">${asort }</div>
<div class="td-1" id="timer">${ainputTime }</div>
<div class="td-1">
<a href="javascript:void(0)" onclick="javascript:deleteM(${aid})" return false; id="deleteM${aid}">删除</a>
<a href="javascript:void(0)" onclick="javascript:updateM(${aid})" return false; id="updateM${aid}">修改</a>
<a style="display: none;" href="javascript:void(0)" onclick="javascript:submitM(${aid})" return false;id="okM${aid}">确定</a>
<a style="display: none;" href="javascript:void(0)" onclick="javascript:cancalM(${aid})" return false;id="cancalM{aid}">取消</a>
</div>
<div class="clear"></div>
</div>
</div>
</c:forEach>
<p></p>
<p></p>
<div id="table-1">
<c:forEach begin="1" end="${requestScopepagerpageCount }" var="i">
<c:if test="${i eq requestScopepagerpageNo }" var="isPageNo">
<span style="color:black">[${i }]</span>
</c:if>
<c:if test="${not isPageNo }">
<a href="${pageContextrequestcontextPath }/manage/menu/selectAlljsppageNo=${i}">[${i }]</a>
</c:if>
</c:forEach>
</div>
<p></p>
<p></p>
<div id="table-1">
<div class="tr-1">
<div class="td-2" ><a href="javascript:void(0)" onclick="javascript:insertM()">添加菜单项</a></div>
<div class="clear"></div>
</div>
</div>
<div id="table-1">
<div class="tr-1">
<div class="td-2" id=titleInsert>标题:<input required /></div>
<div class="td-2" id="urlsInsert">连接地址:<input required /></div>
<div class="td-2" id="sortInsert">排序:<input required onBlur="checkSort()"/></div>
<div class="td-2" ><a href="#" onclick="javascript:insertM();return false;">添加</a>
<a href="javascript:void(0)" onclick="javascript:cancalM2()">取消</a></div>
<div class="clear"></div>
</div>
</div>
<p></p>
<p></p>
<p></p>
<p></p>
<div id="table-1">
<div class="tr-1">
<div class="td-2" ><a href="javascript:void(0)" onclick="javascript:selectM()">我好想找点什么</a></div>
<div class="clear"></div>
</div>
</div>
<div id="table-1">
<div class="tr-1">
<div class="td-2" > <select id="sss" onChange="selectWay()">
<option value="s1"> 按录入时间查找:</option>
<option value="s2"> 按ID查找:</option>
<option value="s3">按排序查找:</option>
</select>
</div>
<div class="td-2" id="selectMByTime">
开始时间:<input type="datetime-local"/>结束时间:<input type="datetime-local"/>
<a href="javascript:void(0)" onclick="javascript:submitM(${ainputTime})">开找</a>
<a href="javascript:void(0)" onclick="javascript:cancalC(${ainputTime})">取消</a>
</div>
<div class="td-2" style="display: none;" id="selectMById">
ID:<input type="text" />
<a href="javascript:void(0)" onclick="javascript:submitM(${aid})">开找</a>
<a href="javascript:void(0)" onclick="javascript:cancalC(${aid})">取消</a>
</div>
<div class="td-2" style="display: none;" id="selectMBySort">
降序：<input type="radio" name="sort" id="up" checked />倒序：<input type="radio" name="sort" id="desc" />
<a href="javascript:void(0)" onclick="javascript:submitM(${asort})">开找</a>
<a href="javascript:void(0)" onclick="javascript:cancalC(${asort})">取消</a>
</div>
<div class="td-2" style="display: none;" ></div>
</div>
</div>
</body>
没有js的头`他说字数超限了
1、jsp只能给javascript赋值，例如：var selectValues_1="<%=TreeStartCity%>"; 。
2、但不能反过来赋值，因为jsp是在先服务器上执行，服务器并不解释其中的静态代码，而是将它们原样输出到客户端。
3、所以在javascript起作用之前jsp已经执行完毕了。
4、传值：
静态反过来只有提交传值，其他传值有sessiongetAttribute（设置session）、requestgetParameter（获取页面传值）。
一、在JSP中访问JS返回的值：
示例代码：
<script language="javascript">
function returnValue(){
var myform=documentform1;
var str=myformtext1value;
<%
String aa;
//如何让这个aa 等于js中的str
%>
}
</script>
<form name="form1">
<input type="text" name="text1" onchange="returnValue();">
</form>
二、必须提交，因为一个在客户端运行，一个在服务器端运行； 在jsp中用个隐藏域 。
示例代码：
<form name="form1">
<input type="hidden" name="hide">
</form>
script中定义var str=“123”;
documentform1hidevalue=str;
三、然后取hidden的value就可以了 。
PS：JSP获得JS数据一定要提交以后才能获得，JS获得JSP数据可以直接获得 。
以上就是关于jsp调用js的变量全部的内容，包括:jsp调用js的变量、在jsp页面上调用js文件的方法 怎么才能传一个字符串型的参数进去呢、jsp与js如何用function传值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）