微信开发之ajax学习 h1
ajax简介 h2
在我们做网页开发的时候，有的时候不可避免的需要和后端进行无刷新的交互模式。
传统的交互模式：通过a链接进行跳转。（页面肯定要刷新）
现在的开发需要：在页面没有刷新的情况下，需要做页面局部区域的更新效果。
-
无刷新留言，优酷观看电影的时候，需要对优酷电影进行影评。（ajax无刷新留言）
image.png
-
网易云音乐听歌的时候，可能需要进行其他歌曲的搜索，保证当前正在听的歌曲不能中断。
image.png
通过上面的两个案例的引入，我们发现现在需要在页面不刷新的情况下，还可以实现页面局部的数据进行改变。传统的网页开发技术没办法实现（HTML里面的a链接、表单提交搜索）需要学习一门技术，叫做ajax技术。（其实ajax技术底层就是js里面的一个对象，该对象充当一个代理的角色可以帮我们去发送网络请求，帮我们把请求数据拿回来，然后浏览器进行处理。）
场景：讲课（口渴）
问题：喝水
解决：
- 停下课、买水、喝水、上课（上课过程打断）
- 同事买水（继续上课）没有被中断
相当于上面说的ajax对象。
ajax具体实操
ajax的使用，分为四个步骤
- 创建ajax对象
- 设置请求的方式和请求的地址
- 设置请求的回调函数，在成功请求后，如何去处理服务器响应的数据
-
发送请求
image.png
实现一个无刷新的今天头条功能
接口：
http://v.juhe.cn/toutiao/index?type=caijing&key=d0c418c9d5324a8ddf197e85c3dc9c5a
接口文档：
image.png
网友评论