1.访问首页网址:
http://localhost:8080/ssmday4/doIndexUI
2.找到页面显示数据元素的位置
id:#mainContentId
3.指定目录列表“日志管理”功能连接
找到主页上列表的id。
设定JavaScript代码
// 第四阶段--------项目project-------------Day01
// 日志id绑定:load-log-id
$(function(){
$("#load-log-id").click(function(){
var url="log/doLogListUI";
//load函数为一个特殊的ajax函数
$("#mainContentId").load(url);
})
})
4.修改Controller,进行返回页面的绑定
5.修改绑定的html页面,做出响应
由于div页面部分是doPageUI
由此:
<script type="text/javascript">
//作业,补充JS,发异步请求获取数据,呈现在页面上
// 第四阶段 Project ======Day01
$(function(){
$("#pageId").load("doPageUI")
})
</script>
访问:
六、总结过程
过程:
start.html
controller
log_list.html
doPageUI