一 . 原理 :
1.使用JavaScript获得浏览器内置的AJAX引擎(XMLHttpRequest对象)
2.通过AJAX引擎请求请求路径和请求参数
3.通知AJAX引擎发送请求
AJAX引擎会在不刷新浏览器地址栏的情况下,发送请求
1.服务器获得请求参数
2.服务器处理请求参数
3.服务器响应数据给浏览器
AJAX获得响应的数据,通过执行JavaScript的回调函数将数据传递给浏览器页面
1.通过设置给AJAX引擎的回调函数获得服务器响应的数据
2.使用JavaScript在指定的位置,显示响应数据,从而局部修改页面的数据,达到局部刷新的目的.
二 . 应用场景: 页面需要局部刷新时,
JQuery的AJAX:
$.post / get(参数,参数,参数,参数);
参数1:服务器资源
参数2:提交的数据.以键值对的方式提交,多个数据&拼接
参数3:处理响应结果的实现
function(响应的结果){
对结果的处理
}
参数4:返回内容格式:xml html script json text _default
服务器响应编码为:application/json;charset=UTF-8,
回调函数data类型是json对象
服务器响应编码为: text/html;charset=UTF-8,
AJAX的 get 和 post 比较
1.不管是哪种方式,地址栏都不显示数据
2.get提交有数据量限制,post无限制
3.乱码处理方式不同(post已默认被jQuery封装) get自处理