02 - Unit06:弹出对话框
弹出对话框
如何实现弹出
//弹出出对话框
$("#can").load("alert/alert_notebook.html");
//显示背景色
$(".opacity_bg").show();
如何实现关闭
//清空出对话框
$("#can").html("");
//隐藏背景色
$(".opacity_bg").hide();
创建笔记本
发送Ajax请求
- 事件绑定: "创建"单击事件
- 参数获取: 笔记本名称和userId
- 请求地址: /book.add.do
服务器处理
- BookController.addBook(userId,bookName)
- BookService.addBook(userId,bookName)
- BookDao.save(Book)
- Mapper: insert
Ajax回调处理
-
success:
- 关闭对话框
- 笔记本列表添加一个li元素
- 提示创建成功
-
error:
提示创建笔记本失败
弹出创建笔记对话框
function alertNoteWindows(){
var $li=$("#book_ul a.checked").parent();
if($li.length==0){
alert("请选择笔记本");
}else{
//弹出对话框
}
}
作业: 完成创建笔记功能
-
发送Ajax请求
-
服务器处理
- NoteController
- NoteService
- NoteDao
-
Ajax回调处理