java项目里面javascript打开页面时不执行,必须刷新一下才执行
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文件都在里面,直接拷贝就可以用了,非常方便
AJAX使用例子(测试通过)-很实用。其中的JS亦精彩,借鉴价值相当高。
Java EE应用中的异步通信技术AJAX 《精通JAVA WEB 整合开发》关于AJAX的例子。的确不错。偶尔得到,可以直接用MYECLIPSE导入工程,直接运行使用。其中的JS借鉴价值相当高。
DHTML5-客户端JavaScript.ppt
DHTML5-客户端JavaScript.ppt
纯JavaScript实现Ajax
使用纯JavaScript代码,实现Ajax,在Javascript中调用java代码。 其中返回值可以使单个值,对象,集合
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


Web 开发
