Ajax异步操作
Ajax异步的学习
众所周知,Ajax是作为一名前端工程师必不可少的技能之一。作为一名正在学习前端开发的小白,以下是我所总结的Ajax,不足之处请多指教。
何为异步?
异步(async)是相对于同步(sync)而言的。
- 同步: 所谓同步就是指你所要做的事情,要按部就班的一步一步的来,只有前一个事情做完后才可以做下一个事情。``
- 异步: 就是在你做一个事情的时候可以同时处理另一件事情。
`setTimeout(function aSync(){
console.log(我是async);
},1000);
console.log(我是sync);
通过以上的代码输出的结果是先输出 我是sync 相隔1秒后输出 我是async ,这里setTimeout就是一个异步任务,当JS引擎顺序执行到setTimeout的时候发现他是个异步任务,则会把这个任务挂起,继续执行后面的代码 。
为什么会需要Ajax?
在不刷新页面的情况下向服务器请求数据
- 之前我们写的页面都是固定的假数据
- 真实网站的数据都是从服务器读取出来,服务器数据一旦改变,网站上显示的内容就发生改变
- 虽然可以通过直接输入URL的方式向服务器获取数据,但是页面会刷新
- 学会ajax就可以在不刷新页面的情况下向服务器请求数据,让网站内容动态改变。
Ajax基本使用
基本使用-get请求
ajax使用步骤一共就4大步: