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:

  1. 关闭对话框
  2. 笔记本列表添加一个li元素
  3. 提示创建成功

• error:

提示创建笔记本失败

弹出创建笔记对话框

    function alertNoteWindows(){
        var $li=$("#book_ul a.checked").parent();
        if($li.length==0){
            alert("请选择笔记本");
        }else{
            //弹出对话框
        }
    }

作业: 完成创建笔记功能

• 发送Ajax请求

• 服务器处理

  1. NoteController
  2. NoteService
  3. NoteDao

• Ajax回调处理