Ajax同步請求：
1谢鹊、得到核心對象XMLHttpRequest對象
var xhr = new XMLHttpRequest();
2具被、準(zhǔn)備/打開請求
open(請求類型GET/POST,請求的路徑,是否異步true/false);
3、發(fā)送請求
send(參數(shù)/null);
注：如果是get請求，參數(shù)直接跟在請求路徑后面辕漂，send()方法中設(shè)置null;
如果是post請求，有參數(shù)則設(shè)置參數(shù)吴超，無參數(shù)設(shè)置為null;
4钉嘹、解析響應(yīng)數(shù)據(jù)
1、判斷響應(yīng)是否成功 status=200 （404=未找到資源;500=服務(wù)器異常;200=成功）
2鲸阻、得到后臺響應(yīng)數(shù)據(jù)? responseText
Ajax同步請求：
1跋涣、得到核心對象XMLHttpRequest對象
var xhr = new XMLHttpRequest();
2、準(zhǔn)備/打開請求
open(請求類型GET/POST,請求的路徑,是否異步true/false);
3赘娄、發(fā)送請求
send(參數(shù)/null);
注：如果是get請求仆潮，參數(shù)直接跟在請求路徑后面，send()方法中設(shè)置null;
如果是post請求遣臼，有參數(shù)則設(shè)置參數(shù)性置，無參數(shù)設(shè)置為null;
4、解析響應(yīng)數(shù)據(jù)
1揍堰、判斷響應(yīng)是否成功 status=200 （404=未找到資源;500=服務(wù)器異常;200=成功）
2鹏浅、得到后臺響應(yīng)數(shù)據(jù)? responseText
post請求
1、得到核心對象XMLHttpRequest對象
var xhr = new XMLHttpRequest();
2屏歹、準(zhǔn)備/打開請求
open(請求類型GET/POST,請求的路徑,是否異步true/false);
3隐砸、發(fā)送請求
send(參數(shù)/null);
注：如果是get請求，參數(shù)直接跟在請求路徑后面蝙眶，send()方法中設(shè)置null;
如果是post請求季希，有參數(shù)則設(shè)置參數(shù)，無參數(shù)設(shè)置為null;
4幽纷、解析響應(yīng)數(shù)據(jù)
1式塌、判斷響應(yīng)是否成功 status=200 （404=未找到資源;500=服務(wù)器異常;200=成功）
2、得到后臺響應(yīng)數(shù)據(jù)? responseText
ajax封裝
1友浸、得到核心對象XMLHttpRequest對象
var xhr = new XMLHttpRequest();
2峰尝、準(zhǔn)備/打開請求
open(請求類型GET/POST,請求的路徑,是否異步true/false);
3、發(fā)送請求
send(參數(shù)/null);
注：如果是get請求收恢，參數(shù)直接跟在請求路徑后面武学，send()方法中設(shè)置null;
如果是post請求，有參數(shù)則設(shè)置參數(shù)伦意，無參數(shù)設(shè)置為null;
4火窒、解析響應(yīng)數(shù)據(jù)
1、判斷響應(yīng)是否成功 status=200 （404=未找到資源;500=服務(wù)器異常;200=成功）
2驮肉、得到后臺響應(yīng)數(shù)據(jù)? responseText
JQuery與ajax
jquery調(diào)用ajax方法：
格式：$.ajax({});
參數(shù)：
type：請求方式GET/POST
url：請求地址url
async：是否異步沛鸵，默認(rèn)是true表示異步
data：發(fā)送到服務(wù)器的數(shù)據(jù)
dataType：預(yù)期服務(wù)器返回的數(shù)據(jù)類型
contentType：設(shè)置請求頭
success：請求成功時調(diào)用此函數(shù)
error：請求失敗時調(diào)用此函數(shù)
get
1.請求json文件，忽略返回值
$.get('../js/cuisine_area.json');
2.請求json文件，傳遞參數(shù)曲掰，忽略返回值
$.get('../js/cuisine_area.json',{name:"tom",age:100});
3.請求json文件,拿到返回值,請求成功后可拿到返回值
$.get('../js/cuisine_area.json',function(data){
console.log(data)
});
4.請求json文件,傳遞參數(shù),拿到返回值
$.get('../js/cuisine_area.json',{name:"tom",age:100},function(data){
console.log(data)
post
1.請求json文件，忽略返回值
$.post('../js/cuisine_area.json');
2.請求json文件奈辰，傳遞參數(shù)栏妖，忽略返回值
$.post('../js/cuisine_area.json',{name:"tom",age:100});
3.請求json文件,拿到返回值,請求成功后可拿到返回值
$.post('../js/cuisine_area.json',function(data){
console.log(data)
});
4.請求json文件,傳遞參數(shù),拿到返回值
$.post('../js/cuisine_area.json',{name:"tom",age:100},function(data){
console.log(data)
});
