Ajax是一种增强UI的方式.
实现基本功能之后, 再根据需求改成Ajax效果. 实现根据快速的交互.
适合使用Ajax效果的情况:
删除;
点赞;
收藏;
加入购物车等
如果是比较复杂的表单, 由于需要考虑错误处理的情况, 所以做Ajax比较费工.
删除, 点赞等功能, 网页变化很小. 如果刷新网页的话, 相当于做了很多无用功; 如果采取Ajax的效果的话, 反应速度会更快, 消耗的资源也少很多.
Ajax:
情景: 适用于局部数据变化的操作.
不需要整页替换, 只更新部分网页, 这可以提高反应速度.
剖析:
- 向服务器发起请求
- 服务器处理好请求, 并返回需要执行的js代码
- 浏览器执行js代码, 对DOM进行操作, 页面发生变化
原始的数据变化操作:
- 向服务器发起请求;
- 服务器执行之后, 强制redirect to, 重定向, 完成整个页面的刷新, 从而实现数据的更新
Ajax 异步的JavaScript与XML技术;
JSON和Script是最常见的两种回传格式
Ajax的MVC 分析
重要的操作都在前端
Controller: 负责删除数据, 并返回相应的json数据(eg. 被删除元素的ID)
View:
删除操作分析
- 用户点击delete元素
- 触发script
- 取出delete元素中的URL
- 送出Ajax:
- 请求URL
- 请求method: ‘DELETE’
- dataType: ‘json’
- 服务器处理请求, 把对于的数据删除, 然后返回json格式的数据, 其中包括被删除数据的id(Controller)
- 使用服务器返回的data的中id, 把这个元素在前端移除.
##
知识屏蔽
新手的困惑
不适合的教程: 陌生概念与陌生概念之前相互解释; 出现过多的新手不懂的专业术语
