Ajax快速入门
概念:Asynchronous JavaScript And XML
概念的英文翻译:异步的JavaScript和XML。
1.异步和同步:
- 同步:客户端必须等待服务器的响应。在等待期间客户端不能做其他的操作。
- 异步:客户端不需要等待服务器的响应。在等待期间客户端可以做其他的操作。
2.运作的流程:
Ajax是一种无需重新加载整个网页的情况下,能够更新部分网页的技术。
- 百度百科的解释:通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
- 传统网页(不使用Ajax)如果需要重新更新内容,必须重载整个网页。
3.作用:
提升用户的体验,加强代码对网页的亲和性!
实现方式:
a.传统JS实现方式:
通过早期的JS方式进行Ajax的使用。
特点:
- 代码冗余。
- 阅读性差。
代码展示:
b.JQuery实现方式:
1.$.ajax();
语法:$.ajax({键值对});
代码展示:
2.$.get();
语法:$.get(url,[data],[callback],[type]);
代码展示:
3.$.post();
语法:$.post(url,[data],[callback],[type]);
代码展示: