jQuery异步AJAX总结

jQuery异步AJAX总结

开发工具与关键技术：Vs JavaScript  jQuery
作者：肖骏平
撰写时间：2020年5月5日

简介：
AJAX：
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术

	传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

	有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图等等

异步：
	是指进程不需要一直等下去，

	而是继续执行下面的操作，不管其他进程的状态。

	当有消息返回时系统会通知进程进行处理，

    这样可以提高执行的效率

运用HTML与CSS来实现页面，表达信息

运用XMLHttpRequest和web服务器进行数据的异步交换

AJAX - 向服务器发送请求
向服务器发送请求,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。

AJAX优缺点:
AJAX异步处理优点:
减轻服务器的负担,AJAX一般只从服务器获取只需要的数据
无刷新页面更新,减少用户等待的时间
更好的客户体验,可以将一些服务器的工作转移到客户端来完成,节约网络资源,提高用户体验
无平台限制
促进显示与数据想分离
AJAX异步处理的缺点:
页面中存在大量JS,给搜索引擎带来困难
AJAX干掉了Back和History功能,即对浏览器机制的破坏
存在跨域问题
只能传输及接收utf-8编码数据

AJAX工作原理
用户操作流程：
用户浏览器->JavaScript实例化XmlHttpRequest对象->AJAX引擎->http请求->web服务器->后台业务系统

系统返回流程：
后台业务系统->后台服务器->web服务器->HTML,XML,JSON数据->AJAX引擎->HTML+CSS(Wel浏览器)->用户浏览器

jQuery中的$.ajax({settings})方法
$.ajax({settings});
type:类型，“POST"或"GET”,默认值为"GET"
url:发送请求的地址
async:设置异步，(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，

jQuery中的$.get()方法语法：$.get(url, [data], [callback], [type])
描述：通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。

jQuery中的$.post()方法语法：$.post(url, [data], [callback], [type])
描述：通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。

jQuery中的$.getJSON()方法语法：$.getJSON(url, [data], [callback])
描述：通过 HTTP GET 请求载入JSON数据