AJAX的原理及应用场景

一 . 原理 :

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自处理