(二)struts2- 2.3.15.3 spring3.2.4 mybatis-3.2.3 集成jquery-ui-1.10.3



        Jsjquery-1.9.1.jsUi jquery-ui-1.10.3

        下载jquery-ui-1.10.3.zip包,后解压在,Test工程WebRoot下面建文件夹jquery,将themesui文件夹和jquery-1.9.1.js文件拷贝到jquery下面

 (二)struts2- 2.3.15.3 spring3.2.4 mybatis-3.2.3 集成jquery-ui-1.10.3_第1张图片

test.jsp页面中引入./jquery/jquery-1.9.1.js 并增加测试代码

<%@ page contentType="text/html; charset=UTF-8"%>
<html>
<head>
<title></title>
<script type="text/javascript" src="./jquery/jquery-1.9.1.js"></script>
<script type="text/javascript">
	function insertTest() {
		var myform = document.forms[0];
		myform.action = "Test!save.action";
		myform.method = "post";
		myform.submit();
	}
	$(function() {
		alert("hello jquery!!!");
	});
	
</script>


</head>
<body>
	<h1>样例</h1>
	<hr>
	<form name="myform">
		id: <input type="text" name="test.id"> <br> 
		name: <input type="text" name="test.name"> <br> 
		<input type="button" name="btninsert" onclick="insertTest()" value="增加" />
	</form>
</body>
</html>


 

部署到tomcat下访问http://localhost:8080/Test/test.jsp

 

弹出alert框“hello jqeruy”集成成功!!!

你可能感兴趣的:(jquery,UI,struts2)