java项目里面javascript打开页面时不执行,必须刷新一下才执行

zhaolh_78 zhaolh_78 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
java项目,使用了SSH框架,projectsearch.jsp页面显示项目列表,提交后跳转到typeanalysis.jsp,显示项目下面的具体内容,typeanalysis.jsp里面使用ichartjs做了一个饼图,但是跳转之后,js脚本不执行,必须要刷新一下才能显示,尝试了很多方法,onload方法也使用了,即便写最简单的alert也不能执行
projectsearch.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>查询页面</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>

</head>
<body>
<form action="typeanalysis" method="get">
<div>
<label for="projectname">项目名称:</label>
<!--<input type="text" id="fid11" name="projectId" />-->
<select name="projectId">
<%
ArrayList<Object[]> arrayList1 = (ArrayList<Object[]>) request.getAttribute("list");
for (int i = 0; i < arrayList1.size(); i++) {
Object[] object1 = arrayList1.get(i);
String projectName = object1[0].toString(); //项目名称
String projectId = object1[1].toString(); //项目ID
%>
<option value="<%=projectId%>"><%=projectName%></option>
<%
}
%>
</select>
</div>

<footer>
<input type="submit" value="提交" />
</footer>
</form>
</body>
</html>

typeanalysis.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
<head>
<title>户型分析图</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>
<script src='js/ichart.latest.min.js'></script>

<script type='text/javascript'>
$(function(){
var chart = iChart.create({
render:"ichart-render",
width:800,
height:400,
background_color:"#f4f4f4",
gradient:false,
color_factor:0.2,
border:{
color:"#bcbcbc",
width:1
},
align:"center",
offsetx:0,
offsety:0,
sub_option:{
border:{
color:"#6d869f",
width:2
},
label:{
fontweight:500,
fontsize:18,
color:"#4572a7",
sign:"square",
sign_size:20,
border:{
color:"#BCBCBC",
width:0
},
background_color:"rgba(244,244,244,0)"
}
},
shadow:true,
shadow_color:"#666666",
shadow_blur:5,
showpercent:true,
column_width:"70%",
bar_height:"70%",
radius:"90%",
title:{
text:"户型分析图",
color:"#6d869f",
fontsize:20,
textAlign:"center",
font:"微软雅黑",
height:30,
offsetx:0,
offsety:0
},
subtitle:{
color:"#111111",
fontsize:16,
textAlign:"center",
font:"微软雅黑",
height:20,
offsetx:0,
offsety:0
},
footnote:{
color:"#111111",
fontsize:12,
textAlign:"right",
font:"微软雅黑",
height:20,
offsetx:0,
offsety:0
},
legend:{
enable:false,
background_color:"#fefefe",
color:"#333333",
fontsize:12,
border:{
color:"#BCBCBC",
width:1
},
column:1,
align:"right",
valign:"center",
offsetx:0,
offsety:0
},
coordinate:{
width:"80%",
height:"84%",
background_color:"#ffffff",
axis:{
color:"#a5acb8",
width:[1,"",1,""]
},
grid_color:"#d9d9d9",
label:{
fontweight:500,
color:"#666666",
fontsize:11
}
},
label:{
fontweight:500,
color:"#666666",
fontsize:11
},
type:"pie2d",
data:[

<%
ArrayList<Object[]> arrayList1 = (ArrayList<Object[]>) request.getAttribute("list");
for(int i=0;i<arrayList1.size();i++){
Object[] object1 = arrayList1.get(i);
String roomNum = object1[0].toString(); //房间数
String roomstatus = object1[1].toString(); //房间状态
String roomstruct = object1[2]!=null?object1[2].toString():""; //房间结构
String roomtype = roomstatus+roomstruct; //房间类型
String[] color = new String[] {"rgba(254,221,116,0.9)","rgba(130,216,239,0.9)","rgba(247,104,100,0.9)","rgba(128,189,145,0.9)","rgba(253,159,193,0.9)","rgba(130,221,193,0.9)"};
System.out.println(roomtype+"@@@@@@@@@"+roomNum+"&&&&&&&&&&&&"+color[i]);
%>
{
name:"<%=roomtype%>",
value:<%=roomNum%>,
color:"<%=color[i]%>"
}
<%
if(i!=arrayList1.size()-1){
%>,<%
}
}
%>

]
});
chart.draw();
});

</script>
</head>

<body>
<div id='ichart-render'> </div>
<script>function refelsh(){location.reload();}</script>
<button onClick="refelsh();" value="刷新">刷新</button>
</body>
</html>
...全文

相关推荐

js做的点击当前页面按钮弹出一个层,类似于淘宝网页面图片预览,很漂亮

js做的点击当前页面按钮弹出一个层,类似于淘宝网页面图片预览,很漂亮,里面的js和css文件都在里面,直接拷贝就可以用了,非常方便

爱在深秋123

AJAX使用例子(测试通过)-很实用。其中的JS亦精彩,借鉴价值相当高。

Java EE应用中的异步通信技术AJAX 《精通JAVA WEB 整合开发》关于AJAX的例子。的确不错。偶尔得到,可以直接用MYECLIPSE导入工程,直接运行使用。其中的JS借鉴价值相当高。

playone

DHTML5-客户端JavaScript.ppt

DHTML5-客户端JavaScript.ppt

猫一样的女子245

纯JavaScript实现Ajax

使用纯JavaScript代码,实现Ajax,在Javascript中调用java代码。 其中返回值可以使单个值,对象,集合

焕然2020

JS超级名著《Essentials of Javascript》

JS超级名著《Essentials of Javascript》目录: JavaScript 1 JavaScript syntax 18 JavaScript Style Sheets 43 JavaScript engine 44 Ajax (programming) 48 AJAX.OOP 51 ?: 52 Appcelerator Titanium 57 AppengineJS 58 BSON 59 Bookmarklet 60 Client-side JavaScript 62 CommonJS 66 Comparison of JavaScript frameworks 68 Comparison of JavaScript-based source code editors 74 Douglas Crockford 80 DWR (Java) 82 EMVC 84 Brendan Eich 85 JS/UIX 86 JSAN 87 JSDoc 88 JSLint 91 JSSP 92 JScript 93 JavascriptMVC 96 JSON 98 JsonML 107 Lightbox (JavaScript) 110 Lively Kernel 112 Log4javascript 117 Medireview 117 Minification (programming) 118 Objective-J 120 John Resig 122 Reverse Ajax 123 Rico (Ajax) 124 Seed (programming) 126 Server-side JavaScript 129 Comparison of Server-side JavaScript solutions 130 SproutCore 135 Unobtrusive JavaScript 136 Venkman 139 XMLHttpRequest 141

erotic1234
评论 14
收藏 已收藏
分享
返回顶部
zhaolh_78
Web 开发 81,108 成员 341,721 内容