ajax,小白从入门到实战

一.最常见的实例引入我们为什么要使用ajax

我们在视频网站（腾讯视频等）观看视频时，想要发送一个评论，如果我们每评论一次，弹幕为了把我们的数据加载到页面上都会更新一次页面，如果每次都刷新的话，我们的观看记录就会被清楚，导致我们的观看体验特别不好，那我们就要想办法只刷新弹幕区域就好喽！这就是今天要说的局部刷新，也是ajax最直观最清晰的特点。ajax即异步请求技术。

二.那么什么是异步和同步呢？

同步请求： 同步请求是指当前发出请求后，浏览器什么都不能做，
必须得等到请求完成返回数据之后，才会执行后续的代码，
相当于生活中的排队，必须等待前一个人完成自己的事物，后一个人才能接着办。
也就是说，当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面处于一个假死状态，
当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态
特点：请求之后，会刷新整张页面
缺点：1.由于刷新了页面导致用户的操作被中断
2.由于刷新了页面造成网络流量的极大浪费，占用了一定服务器带宽
异步请求：默认异步：异步请求就当发出请求的同时，浏览器可以继续做任何事，
Ajax发送请求并不会影响页面的加载与用户的操作，相当于是在两条线上，各走各的，互不影响。
一般默认值为true，异步。异步请求可以完全不影响用户的体验效果，
无论请求的时间长或者短，用户都在专心的操作页面的其他内容，并不会有等待的感觉。
注意：以上文字叙述一定要看懂再往下接着学习，不然并不能理解ajax再做什么

三.ajax的使用（看不懂没有关系，这个相当于是最底层的方法，看懂的话有助于理解，看不懂后边会有封装好的方法直接套就行）

四.ajax第一个案例

文本框
使用get请求进行发送

校验数据是否在正确

将url地址转换为正确的格式

后端java代码校验传入的用户名是否是正确的

前后端的字段一定得对应的上，不然数据渲染不到页面上

接下来看ajax的post请求，区别在于第二部参数传递

五.ajax案例二，将一个人的信息展示到页面中

后端可以将数据解析成字符串或者对象的形式，但是对于前端来说，字符串类型转换很复杂，而对于对象来说更便于前端js的解析

给没有了解太多前端的扩展一下js对象

json格式的数据可以很方便的被转换为前端js需要的数据

这种日期格式不太满足我们的需要，所以采用以下方式更好

最后将json字符串转换为js对象

六.jquery对ajax的封装，一定要掌握

ajax的基本内容到这里就结束了，本人重心放在后端上，最近在写项目的过程中，发现自己之前对前端忽略太多了，也希望大家前后端都可以学会，希望这篇文章给大家带来一些帮助，让我们一起进步！