报错No mapping found for HTTP request with URI、实现蒙纱，弹出对话框利用load 、编码问题、 jQ的data绑定数据等等遇到的问题

写完报错No mapping found for HTTP request with URI

当时是写了一个请求，但是报错404.什么都看了。就是没错。百度解决

解决：Spring配置文件中添加（要Spring3.0.5以上才可以） <mvc:default-servlet-handler/> 因为走的是DispatcherServlet。设置的*.do 找不到就会报404错误。

为什么没有找到。。。。只好添加这个实现

登录成功，进入主界面，显示登录用户的笔记本列表

大概流程： 客户端处理 客户端：主要是因为login.html登录成功了后设置了cookie。在cookie里面添加了uid。存在了浏览器中。然后让其跳转到edit.html页面。edit.html页面开始就先获取cookie中的uid值。然后向服务器请求。通过userId来获取data数据 a.发请求 主界面发送请求 $（function(){}）//页面载入执行发送请求 提交数据 ：用户ID 从cookie取 登录成功添加cookie，存储id信息 b.回调函数

服务端处理

/notebook/loadbooks.do –>DispatcherServlet –>HandlerMapping –>LoadBooksController.execute –>NoteBookService –>NoteBookDao–>cn_notebook –>返回NoteResult JSON数据，显示笔记本列表

添加和删除cookie出错~~~弄了个cookieutil.js

function getCookie(objName) { // var arrStr = document.cookie.split("; "); for ( var i = 0; i < arrStr.length; i++) { var temp = arrStr[i].split("="); if (temp[0] == objName) return unescape(temp[1]); } return ""; } function addCookie(objName, objValue, objHours) { var str = objName + "=" + escape(objValue); if (objHours > 0) { var ms = objHours * 3600 * 1000; var date = new Date(); date.setTime(date.getTime() + ms); str += "; expires=" + date.toGMTString(); } document.cookie = str; } function setCookie(name, value) { var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); } function delCookie(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval = getCookie(name); if (cval != null) { document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString(); } }

加载笔记列表（单击某个笔记本，加载笔记信息显示）

客户端： a.发送请求 笔记本li单击。发送ajax请求 提交的数据，就是点击li的绑定的bookId值 b.回调函数 获取服务器返回的json，将笔记信息显示成笔记列表 /note/loadnotes.do –>DispatcherServlet –>HandlerMapping –>LoadNotesController.execute –>NoteService –>NoteDao–>cn_note 返回NoteResult

jQ如何绑定未来出现的元素

使用jQ.on();

//给现有或未来匹配元素绑定事件 $("#book_list").on("click","li",function(){ alert("~~~"); });

执行~，并没有 jQ对象.on(“事件类型”,”选择器”,function) 选择器是从这个jQ对象里面的找 嗯，写了没有找到！！！无奈，检测，研究。发现我绑定数据的地方出错

改为

//将s_li字符串转成jQ对象，藏bookId; var $li = $(s_li); $("#book_list").append($li); $li.data("bookId",bookId);

之前是

//将s_li字符串转成jQ对象，藏bookId; var $li = $(s_li); $("#book_list").append(s_li); $li.data("bookId",bookId);

添加的不是Jq对象！！！！所以检查不到数据~~~

实现蒙纱

只要先写个空的div。设置其样式。然后设置为hide()。调用的时候设置为show（）就可以了。

弹出对话框利用load

怎么弹出一个有很好样式的对话框。 先写一个div。空的 然后利用jQ的load方法让这个$(div)load(url)来调用。就可以将请求的html载入这个div~就实现了要注意编码问题！！！

将写js函数抽出。

然后调用的时候，参数是函数名！不要加括号

$("#book_list").on("click","li",loadnotes);

创建笔记本

然后创建笔记本

客户端 发送请求，单击创建按钮，发送请求 提交数据： 笔记本名称，用户ID 回调函数 成功：关闭对话框，添加一个笔记本li 失败：给出提示信息

服务端： /notebook/add.do

–>DispatcherServlet –>HandlerMapping –>AddBookController.execute –>NoteBookService –>NoteBookDao–>cn_notebook（插入） 返回 NoteResult JSON

其实大体流程都是一样的~ 涉及到javascript的时候用eclipse就真的很容易出错。。。

实现效果

云笔记的登录与显示登录的笔记本。点击显示笔记本列表我写的笔记链接 https://app.yinxiang.com/shard/s56/nl/12287602/993f6d79-eea2-4a33-9d7b-70a17aad0bc1