- 170
- 0
- 约1.21万字
- 约 11页
- 2017-07-31 发布于天津
- 举报
第七章补充案例
博学谷——让IT 教学更简单,让IT 学习更有效
第七章 补充案例
案例7-1 无刷新分页的应用
一、案例描述
1、考核知识点
jQuery+Ajax 异步获取数据
JSON 数据的处理
2、练习目标
掌握jQuery+Ajax 异步获取数据的方法
掌握JSON 数据的使用
3、需求分析
无刷新分页是在访问不同的页面时,网页不用重新加载,而是通过Ajax 异步请求获取所需的数据,
然后显示在页面中。接下来,将在页面中载入jQuery ,使用jQuery 配合Ajax 实现异步获取数据。使
用jQuery 的函数,实现数据的遍历和显示。
4、设计思路(实现原理)
1)载入jQuery ,通过Ajax 实现数据的异步请求。
2 )在PHP 中实现数据的获取,并返回JSON 数据。
3 )使用jQuery 结合Ajax 的回调函数,实现数据的拼接并显示在网页中。
4 )使用JavaScript 实现分页链接的拼接,并显示在网页中。
二、案例实现
1、创建index.html 文件,用于实现分页数据的显示
原创力文档

文档评论(0)