使用jsp（就是java代码）拼js脚本：
lefthead.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%
String basepath = request.getContextPath()+"/";
String jsStr="<script type=\"text/javascript\">";
jsStr+="var basepath='"+basepath+"';";;
jsStr+="</script>";
%>
<%=jsStr %>
注意拼好js脚本后一定要输出：<%=jsStr %>
leftbody.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ page language="java" pageEncoding="UTF-8" %>
<%@ include file="lefthead.jsp"%>
<%@ page import="java.util.*" %>
<%@ page import="org.rd.framework.menu.model.BasResMenu" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery UI Accordion - Default functionality</title>
<link href="<%=basepath %>css/style2.css" rel="stylesheet" type="text/css" />
<script src="<%=basepath %>script/jquery-1.7.1.js"></script>
</head>
<body style="background:#DEDFDB">
<%
String queryed="";
if(request.getAttribute("queryed")!=null){
queryed=(String)request.getAttribute("queryed");
}
String frameTarget="";
if(request.getAttribute("frameTarget")!=null){
frameTarget=(String)request.getAttribute("frameTarget");
}
%>
<input type="hidden" id="queryed" value="<%=queryed%>"/>
<script type="text/javascript">
//alert(basepath);
var myDatedd=new Date();
var myDate=myDatedd.getTime();
var urlaction=basepath+"menublue/getMenuBlueItems.action?myDate="+myDate;
var queryed=document.getElementById("queryed").value;
if(queryed=="queryed"){
}else{
window.location.href=urlaction;
}
/*
jQuery.ajax( {
url: urlaction,
type:'post',
async: true,
data: "myDate="+myDate,
dataType:"text",
success: function(data){
alert( "gggggggggg" );
alert( "Data is: " + data );
}
});
*/
</script>
<%
ArrayList one=new ArrayList();
if(session.getAttribute("onemenu")!=null){
one=(ArrayList)session.getAttribute("onemenu");
}
ArrayList two=new ArrayList();
if(session.getAttribute("twomenu")!=null){
two=(ArrayList)session.getAttribute("twomenu");
}
%>
<%
for(int i=0;i<one.size();i++){
BasResMenu bm=(BasResMenu)one.get(i);
String menuId=bm.getMenuId().trim();
%>
<div class="has_children">
<div class="nbox2"><%=bm.getMenuName() %></div>
<%
if(two.size()>0){
for(int k=0;k<two.size();k++){
BasResMenu bmtwo=(BasResMenu)two.get(k);
String parentMenuNo=bmtwo.getParentMenuNo();
if(parentMenuNo.trim().equals(menuId)){
String target="";
if(frameTarget!=null&&!frameTarget.trim().equals("")){
target=frameTarget;
}else{
target=bmtwo.getMenuName();
}
%>
<h1 class="nbox3 blues12">
<a href="<%=basepath %><%=bmtwo.getMenuUrl() %>" target="<%=target %>"><%=bmtwo.getMenuName() %></a>
</h1>
<%
}else{
}
}
}
%>
</div>
<%
}
%>
<script type="text/javascript">
$("h1").hide();
$(".has_children").click(function(){
$(this).children("h1").show().end().siblings().children("h1").hide();
});
</script>
</body>
在此页面中有一行：
<script src="<%=basepath %>script/jquery-1.7.1.js"></script>
这个<%=basepath %>是从上个页面引来的，注意：
<%@ include file="lefthead.jsp"%>
而在js中，有一行：
var urlaction=basepath+"menublue/getMenuBlueItems.action?myDate="+myDate;
这个basepath事js变量，它从来的呢？
就是从上个页面我们拼好的js脚本：
<%=jsStr %>
它的内容一定要有：
<script type="text/javascript">
</script>
因为我们拼的是js脚本，不加这个js执行不了
分享到：
相关推荐
实例2 HTML与JavaScript交互示例 第4章 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用实例 实例6 数组应用实例 实例7 字符截取程序示例 实例8 查找字符串程序示例 ...
实例2 HTML与JavaScript交互示例 第4章 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用实例 实例6 数组应用实例 实例7 字符截取程序示例 实例8 查找字符串程序示例 ...
主要介绍了Android中Java和JavaScript交互实例,本文给出了实现方法、实现代码、js调用Java、java调用js等内容,需要的朋友可以参考下
实例2 HTML与JavaScript交互示例 第4章 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用实例 实例6 数组应用实例 实例7 字符截取程序示例 实例8 查找字符串程序示例 ...
虽然js.html是一个纯静态的页面，但是以下的程序必须挂在Tomcat服务器上，才能做到Ajax交互，否则看不出效果的。 Eclipse for javaee注意把做好的工程挂在Tomcat上，才运行Tomcat。 本工程除了JSP必须的Servlet包...
《JSP网络编程从基础到实践》 实例1 第一个JSP页面 Web开发基础 实例2 HTML与JavaScript交互示例 JSP语法 实例3 JSP程序的基本结构 实例4 简单数据类型综合应用实例 实例5 包装类综合应用...
使用DWR框架技术，使在JavaScript中可以直接访问Java代码，是我们的交互性更好
项目概述：本项目是一个基于SSM（Spring、SpringMVC、MyBatis）框架和Bootstrap的图书管理系统，实现了CRUD（创建、读取、更新、删除）功能...本项目适合作为学习或参考SSM框架与Bootstrap结合开发的图书管理系统实例。
Java数据压缩与传输实例，可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲区、写入数据到文件、关闭输入流、关闭套接字关闭输出流、输出错误信息等Java编程小技巧。 Java数组倒置...
页面信息交互——窗口和框架进展详细描述，并利用具体的实例进展验证。 本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。 第二章：网页设计语言概述，本章主要介绍网页设计的语言—— HTML，...
第2章 服务器与客房端的交互 例程2-1：奥运网上问卷调查 例程2-2：发送PDF文件到客房端浏览器 例程2-3：客户信息显示栏 例程2-4：获取服务器基本信息 例程2-5：横幅广告系统 例程2-6：利用过滤器限制客房端访问 例程...
本文实例讲述了jsp 实现的简易mvc模式。分享给大家供大家参考，具体如下： jsp : java servlet page MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用...
最近用到了XMLHttpRequest 动态无刷新技术 不刷新当前页面发送请求，并得到返回结果 主要是jsp页面内的js与后台的servlet交互，返回值为文本~~~
Java数据压缩与传输实例，可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲区、写入数据到文件、关闭输入流、关闭套接字关闭输出流、输出错误信息等Java编程小技巧。 Java数组倒置...
示例描述：介绍JavaScript与各种浏览器插件的交互方法。 15.1.html 使用JavaScript操作Java Applet。 15.2.html 在Java Applet中调用JavaScript。 15.3.svg 基本SVG文件。 15.4.svg 使用JavaScript...
本文实例讲述了js实现跨域的方法。分享给大家供大家参考。具体分析如下： 由于同源策略的限制，XMLHttpRequest只允许请求当前源（包含域名、协议、端口）的资源。 json与jsonp的区别： JSON是一种数据交换格式，而...
本文实例讲述了jQuery+jsp下拉框联动获取本地数据的方法。分享给大家供大家参考，具体如下： JQuery下拉框联动很好的体现了Ajax的按需取数据的要求，减小数据的交互量。(点击此处下载源代码) 下面的实例使用Json将...
本书增强型模板介绍了ExtJS与数据交互重要的数据模型、ExtJS的JSP标签库ExtTLD和ExtJS高级组件。考虑到 ExtJS与主流服务端框架的整合也越来越紧密，本书还特意讲解了Struts和Struts2框架的整合与配置。本书全面细致...
本书增强型模板介绍了ExtJS与数据交互重要的数据模型、ExtJS的JSP标签库ExtTLD和ExtJS高级组件。考虑到 ExtJS与主流服务端框架的整合也越来越紧密，本书还特意讲解了Struts和Struts2框架的整合与配置。本书全面细致...