`
阅读更多

java web中,内部js代码如何获取服务器后台的变量呢?

根据jsp页面使用的标签不同有一下几种情况:

(1)页面使用EL表达式,使用spring MVC

内部js代码:

alert("222:${sessionScope.practiceWay}");
var practiceWay=String("${sessionScope.practiceWay}");

 

(2)页面使用struts标签

var length=Number("<s:property value="list.size"  />");
  alert("length:"+length);
var isEdit = "<s:property value="isEdit"  />";
		var id = "<s:property value="goods.id"  />";
var supermarkets_size = Number("<s:property value="supermarkets.size"  />");

 

(3)页面使用jstl标签:

var sum_question=Number("${fn:length(studentPages.list)}");

 

错误的做法

 

var length=Number("<s:property value=\"list.size\"  />");

 

js外部文件中写<%=com.dict.Constant2.COOKIE_KEY_PASSWORD %> 是不对

$(function(){
	var $username=$("#username");
	var $password=$("#password");
	var $issavePasswd=$("input[name=issavePasswd][type=checkbox]");
	
	var usernameVal=null;
	var passwordVal=null;
	usernameVal=com.whuang.hsj.getCookie("<%=com.dict.Constant2.COOKIE_KEY_USERNAME %>");
	passwordVal=com.whuang.hsj.getCookie("<%=com.dict.Constant2.COOKIE_KEY_PASSWORD %>");
	if(com.whuang.hsj.isHasValue(usernameVal)){
		$username.val(usernameVal);
	}
	if(com.whuang.hsj.isHasValue(passwordVal)){
		$password.val(passwordVal);
		com.whuang.hsj.setSelectedCheckbox($issavePasswd.get(0));
	}
});

 

 

总结:在js 代码中可以直接写JSP代码,上述代码中,不要对引号转义。

 

示例:

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Insert title here</title> <script type="text/javascript"
		src="<%=path%>/static/js/Module.js"></script>
	<script type="text/javascript" src="<%=path%>/static/js/common_util.js"></script>
	<script type="text/javascript" src="<%=path%>/static/js/test.js"></script>
	<script type="text/javascript" >
	 window.onload = function() {
		var isEdit = "${isEdit }";
		if (isEdit != null && isEdit == "yes") {
			//alert("edit");
			var inputform = com.whuang.hsj.$$one("inputform");
			//modify the target action fo form
			inputform.action = "osType/update";
			var titleSpan = document.getElementById("titleSpan");
			//alert(titleSpan);
			titleSpan.innerHTML = "edit os";
			var hidden_div = document.getElementById("hidden_div");
			hidden_div.innerHTML = '<input type="hidden" name="id" value="${os.id }" ></input>';//id of goods for update 

			var osTypeName=com.whuang.hsj.$$one("name");
			osTypeName.value=String("${os.name}");
			
		}
		//alert("222:${sessionScope.practiceWay}");
		var practiceWay=String("${sessionScope.practiceWay}");
		alert("333:"+practiceWay);
		a();
	};
	</script>
</head>
<body>
	<center>
	<h1><span id="titleSpan">add </span> </h1>
	<input type="hidden" value="${sessionScope.practiceWay}" name="hidpracticeWay" />
	<a href="javascript:history.go(-1)" >return </a>&nbsp;|&nbsp;
	<a href="index.jsp" >index</a>&nbsp;|&nbsp;<a href="osType/viewAll">view all</a>
		<form action="osType/save" name="inputform" >
			<table>
				<tr>
					<td>os name:</td>
					<td><input type="text" name="name" /></td>
				</tr>
				<tr>
					<td colspan="2" ><input type="submit"
						value="&nbsp;&nbsp;o&nbsp;k&nbsp;&nbsp;" id="submit_btn" /></td>
				</tr>
			</table>
			<div id="hidden_div"></div>
		</form>
	</center>
</body>
</html>

 

0
0
分享到:
评论

相关推荐

    javascript 外部文件获取后台变量

    标题中的“javascript 外部文件获取后台变量”指的是在JavaScript中如何从服务器端获取数据,通常这涉及到Ajax请求或者Websocket通信。JavaScript是一种客户端脚本语言,它主要运行在浏览器环境中,不能直接访问...

    在 thymeleaf网页中,js获取model中的数组列表.txt

    在thymeleaf网页中,js获取后台model传递过来的对象很重要,这对减少数据库表操作代码的工作量,以及使前台开发更具灵活行怎么强调也不过分。获取model传过来的简单变量很简单,但是获取它传过来的对象不容易。 本例...

    js调用c#后台函数.doc

    2. 使用`Page.RegisterStartupScript`或`ClientScript.RegisterStartupScript`方法在C#中动态添加JavaScript代码,以读取或设置JavaScript变量。 总的来说,JavaScript与C#之间的通信是基于HTTP的请求-响应模型,...

    在JavaScript中获取请求的URL参数

    当然我们可以在后台中获取参数的值,然后在前台js代码中获取变量的值,具体做法请参考我的这篇文章:JavaScript获取后台C#变量以及调用后台方法。 其实我们也可以直接在js中获取请求的参数的值,通过使用[removed]....

    网站页面JS代码及效果javascript

    这些是编写任何JavaScript代码的基石。 2. **函数与模块化**:函数是JavaScript中可重用的代码块,可以封装特定功能。随着项目复杂度增加,模块化变得至关重要,通过export和import关键字,可以实现代码的模块化...

    原创-今日值班js调用代码带asp后台管理功能

    根据给定的信息,本文将详细解释“今日值班js调用代码带asp后台管理功能”的具体实现方式和技术要点,包括JS脚本(zb.js)的工作原理以及ASP后台管理页面(postzhiban.asp)的设计思路。 ### 一、zb.js:前端显示及...

    ASP.NET 前台javascript与后台代码调用

    在JavaScript代码中通过变量名%&gt;的方式直接引用后台变量。 3. 如何在C#中访问JavaScript的已有变量? - 方法一:通过前台静态文本控件或隐藏域。在前台页面中设置一个静态文本控件或隐藏域来存储JavaScript变量的...

    asp.net后台cs中的JSON格式变量在前台Js中调用方法(前后台示例代码)

    前台JavaScript代码部分,首先通过***内嵌代码 "()%&gt;" 将后台的get()方法返回的JSON字符串获取到前端JavaScript变量dpinfo中。然后使用eval()函数将JSON字符串转换为JavaScript对象dpjson。最后,使用alert()函数弹...

    Django模板变量如何传递给外部js调用的方法小结

    首先需要解决的一个问题就是某些时候需要把JS代码写在模板里来获取后台传递过来的变量,比如: &lt;h1&gt;Test &lt;div id=my-test&gt;&lt;/div&gt; [removed] $(function(){ $('#my-test').html({{ some_var_from_view }}) }); &...

    绝对漂亮的JS代码js源码

    JavaScript,简称JS,是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,特别是在前端开发领域中,JS代码被用来实现交互性、动态效果以及数据处理。本压缩包“超强js代码”中包含的JS源码,无疑是为了...

    微信小程序全套源代码(后台、小程序php)(源码)源代码.zip

    微信小程序的开发框架基于JavaScript,它提供了WXML(WeChat Markup Language)用于定义界面结构,WXSS(WeChat Style Sheets)用于样式设置,以及JavaScript处理数据和业务逻辑。开发者可以利用这套框架构建出与...

    js 获取后台的字段 改变 checkbox的被选中的状态 代码

    在JavaScript中,获取后台字段并改变复选框(checkbox)的选中状态是常见的前端与后端交互场景。这段代码示例主要展示了如何根据后台返回的数据动态设置前端页面上复选框的选中或未选中状态。让我们深入分析一下这段...

    1000个常用js代码集.zip

    这个“1000个常用js代码集.zip”压缩包显然是一份丰富的JS代码资源库,包含了各种常见的JavaScript函数和片段,对于开发者来说是一个宝贵的参考资料。 首先,JS作为客户端脚本语言,它的主要特点是轻量级、解释执行...

    解读GA客户端JS代码

    本文旨在深入解读Google Analytics客户端的JavaScript代码,帮助读者充分理解GA如何进行网络流量监控的数据操作原理。 #### 二、基础概念解析 在开始深入解读之前,我们先了解几个基础概念: 1. **GA客户端...

    .net中前台javascript与后台c#函数相互调用问题.docx

    ### .NET中前台JavaScript与后台C#函数相互调用问题详解 #### 一、概述 在Web应用程序开发中,前后端交互是常见的需求之一。对于.NET框架下的ASP.NET Web Forms应用,实现前后端(即JavaScript与C#)之间的数据...

    超经典js代码和检查

    在“超经典js代码和检查”这个主题中,我们可以深入探讨JavaScript在网页特效和交互中的核心应用。 一、JavaScript基础 1. 变量:JavaScript中的变量用于存储数据,可以使用var、let或const关键字声明。例如,`var ...

    js调用后台、后台调用前台等方法总结

    将JavaScript变量的值写入隐藏的输入域或静态文本控件中,然后后台代码通过`Request["id"]`来获取。 2. 使用Cookie或Session: 在JavaScript中设置Cookie的值,然后在C#代码中通过`Request.Cookies`获取。同样,...

    100种以上JS源代码文件_实例实用

    1. **基础语法**:JS源码通常会涵盖基本的语法结构,如变量声明(var、let、const)、数据类型(字符串、数字、布尔、对象、数组、null、undefined)、控制流(条件语句、循环)、函数定义和调用等。 2. **DOM操作*...

    带后台的图片轮播代码

    标题中的“带后台的图片轮播代码”指的是一个结合了后端管理功能的图片滑动展示系统。这种系统允许用户通过后台管理系统上传图片,并在前端页面以轮播的形式展示出来,提供了一种交互式的用户体验。 描述中提到的...

Global site tag (gtag.js) - Google Analytics