微信开发之ajax学习

微信开发之ajax学习 h1

ajax简介 h2

在我们做网页开发的时候，有的时候不可避免的需要和后端进行无刷新的交互模式。

传统的交互模式：通过a链接进行跳转。（页面肯定要刷新）

现在的开发需要：在页面没有刷新的情况下，需要做页面局部区域的更新效果。

1. 无刷新留言，优酷观看电影的时候，需要对优酷电影进行影评。（ajax无刷新留言）

   
   
   

   image.png

2. 网易云音乐听歌的时候，可能需要进行其他歌曲的搜索，保证当前正在听的歌曲不能中断。

   
   
   

   image.png

通过上面的两个案例的引入，我们发现现在需要在页面不刷新的情况下，还可以实现页面局部的数据进行改变。传统的网页开发技术没办法实现（HTML里面的a链接、表单提交搜索）需要学习一门技术，叫做ajax技术。（其实ajax技术底层就是js里面的一个对象，该对象充当一个代理的角色可以帮我们去发送网络请求，帮我们把请求数据拿回来，然后浏览器进行处理。）

场景：讲课（口渴）
问题：喝水

解决：

1. 停下课、买水、喝水、上课（上课过程打断）
2. 同事买水（继续上课）没有被中断
   相当于上面说的ajax对象。

ajax具体实操

ajax的使用，分为四个步骤

1. 创建ajax对象
2. 设置请求的方式和请求的地址
3. 设置请求的回调函数，在成功请求后，如何去处理服务器响应的数据

4. 发送请求

   
   
   

   image.png

实现一个无刷新的今天头条功能

接口：
http://v.juhe.cn/toutiao/index?type=caijing&key=d0c418c9d5324a8ddf197e85c3dc9c5a

接口文档：

image.png