AJAX

什么是AJAX?

  1. AJAX是“Asynchronous JavaScript and XML”的缩写,A表示异步,J表示Jscript,X表示XML
  2. AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
  3. 它依赖的是现有的CSS/HTML/Javascript,而最核心的依赖是浏览器提供的XMLHttpRequest对象,让这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现在页面不刷新的情况下和服务端进行数据交互。
有什么用?
  • 普通页面刷新一次必须向服务器请求全部的页面;如果使用异步请求,每次可以向服务器请求很少量的需要更新的数据,这样可以减轻服务器的负担,并且可以让web页面有应用程序的效果和相应特征,给用户更好的体验,
AJAX的优势
  1. 不需要插件的支持
  2. 优秀的用户体验
  3. 提高Web程序的性能
  4. 减轻服务器和带宽的负担
MOCK
  1. 通过线上来mock数据
  • 使用 https://easy-mock.com
  • 使用 http://rapapi.org/org/index.do
  • 使用 server-mock
我们以第一个方法作为例子来说明:

点击网址会进去下图页面,我们注册一个账号,点击登陆

AJAX_第1张图片
1.png

登陆成功后点击页面后下角的 +号创建项目
AJAX_第2张图片
2.png

我们自定义一个用户名后点击创建,就新建了一个项目
AJAX_第3张图片
3.png

AJAX_第4张图片
4.png
AJAX_第5张图片
5.png

点击查看你的新项目,跳转页面后点击创建接口
AJAX_第6张图片
6.png
AJAX_第7张图片
7.png

进去后设置你的接口类型,点击创建,创建完成后点击你新接口的铅笔图标进入编辑模式
AJAX_第8张图片
8.png
9.png
AJAX_第9张图片
10.png

编辑完成,预览
AJAX_第10张图片
11.png
AJAX_第11张图片
12.png

你可能感兴趣的:(AJAX)