zoukankan      html  css  js  c++  java
  • 02

    弹出对话框

    如何实现弹出

        //弹出出对话框
        $("#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回调处理

  • 相关阅读:
    《将博客搬至CSDN》
    2015-05-01 至 2015-07-30错误总结
    2015-01-01至2015-04-30错误积累
    2015-07-30 至 2016-03-16错误Note
    2014-11-21错误总结
    Spring 和 SpringMVC 的区别
    spring 容器加载
    Spring注解
    自定义拦截器
    Js闭包
  • 原文地址:https://www.cnblogs.com/tangshengwei/p/6592118.html
Copyright © 2011-2022 走看看