ajax
进击的切图仔
天才是百分之一的灵感加上百分之九十九的汗水
展开
-
基于Ajax的Todos项目——计算用户未完成数量并渲染模板中
客户端代码这里我们通过filter遍历数组和查找满足条件的结果,数组长度即就是未完成任务数量,由于增删改都要更新用户数量所以我们干脆和渲染模板一起 var strong = $('#count'); //向服务器发送ajax请求,获取已经存在的任务 $.ajax({ url: '/todo/task', type: 'get', success: function (response) {.原创 2021-03-19 17:17:43 · 100 阅读 · 0 评论 -
基于Ajax的Todos项目——更新任务名称
客户端代码两个事件,利用双击获取焦点,失去焦点后触发ajax请求 //修改任务名称,双击任务时触发 taskBox.on('dblclick', 'label', function () { //让任务处于编辑状态 this是label相当于拿到ul给他添加类editing $(this).parent().parent().addClass('editing'); //将任务名称显示在文本框中 .原创 2021-03-19 16:11:57 · 106 阅读 · 0 评论 -
基于Ajax的Todos项目——更新用户状态
客户端代码这里通过Ajax请求将状态更新信息发送到服务器,客户端根据服务器返回状态更新数组中对应的状态值(这里其实也可以直接将status值给数组) //当复选框状态改变 taskBox.on('change', '.toggle', function () { //通过方法得到当前的选中与否 is代表复选框是否选中(注意这里:不能省略)返回boolean(true,false) var status = $(this).原创 2021-03-19 12:24:26 · 156 阅读 · 0 评论 -
基于Ajax的Todos项目——从列表中删除任务
思路:利用事件冒泡,给ul添加点击事件,当我们点击li时,会以冒泡的形式传递上去,触发ul的绑定事件。获取所要删除的任务对应id值,分别通过ajax给服务器和客户端,服务器删除数据库对应任务,客户端删除显示列表对应任务//当用户点击删除按钮时,触发ul标签身上的点击事件 taskBox.on('click', '.destroy', function () { //要删除的任务id var id = $(this).attr('da.原创 2021-03-19 11:05:30 · 115 阅读 · 0 评论 -
三种访问非同源数据策略
什么是同源政策?最初同源政策是指A网站在客户端设置的cookie,B网站是不能访问的什么是同源:同源是指两个页面拥有相同的协议,端口号,域名为什么会出现同源?保证用户数据安全,最初同源政策是指A网站在客户端设置的cookie,B网站是不能访问的,随着互联网发展,同源请求越来越严格有一项规定就是不能向非同源地址发送Ajax请求,请求就会报错解决策略1.使用Jsonp解决同源限制思路:用script标签不受服务器同源政策限制,服务器返回函数调用代码(字符串),当客户端加载完成响应内容.原创 2021-03-18 16:41:45 · 284 阅读 · 0 评论