Ajax原理(XMLHttpRequest)
創(chuàng)建對象
回調(diào)函數(shù)主體
初始化請求
發(fā)送請求
設(shè)定回調(diào)函數(shù)
經(jīng)典方式
$.ajax({
url:"發(fā)送請求的路徑"
type:"發(fā)送方式GET/POST"
data:"發(fā)送請求攜帶的參數(shù)穷遂,多參數(shù)之間用&連接"
dataType:"返回的數(shù)據(jù)類型json/text/html"
success:返回成功調(diào)用的函數(shù)名踏烙,不加引號和小括號
error:返回失敗調(diào)用的函數(shù)
timeout:超過此時間還未響應(yīng)則強制關(guān)閉以節(jié)省空間
global:true—全局函數(shù)能夠觸發(fā),false—全局函數(shù)不能觸發(fā)
})
主要用方式
頁面加載觸發(fā)
$.post("/發(fā)送請求路徑","發(fā)送請求攜帶參數(shù)",回調(diào)函數(shù),"返回數(shù)據(jù)類型");
$.get("/AjaxDemoServlet","opr=login&name="+name+"&pwd="+pwd,callBack,"json");
$.getJSON("/發(fā)送請求路徑","發(fā)送請求攜帶參數(shù)",回調(diào)函數(shù),"返回數(shù)據(jù)類型");
節(jié)點觸發(fā)
.load()封裝了.html()方法,返回值類型默認是html
JSON對象的創(chuàng)建
普通json對象——var name={"名":"值"}
創(chuàng)建普通類型數(shù)組——var name=["","","",""]
創(chuàng)建數(shù)組存儲json對象——var name=[{},{},{},{}]
對象轉(zhuǎn)換成json格式
導(dǎo)包——fastjson
String name = JSON.toJSONString(要轉(zhuǎn)換的對象);