彈出對話框

如何實現彈出

//彈出出對話框$("#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回調處理

?

轉載于:https://www.cnblogs.com/tangshengwei/p/6592118.html

總結

以上是生活随笔為你收集整理的02 - Unit06：弹出对话框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。