1.原生態(tài)Ajax
//創(chuàng)建XMLHttpRequest對(duì)象
//? ? ? ? ? ? ? ? ? ? var xmlHttpRequest = new XMLHttpRequest();
//? ? ? ? ? ? ? ? ? ? //初始化組件/創(chuàng)建HTTP請(qǐng)求
//? ? ? ? ? ? ? ? ? ? xmlHttpRequest.open("POST","/AjaxDemoServlet",true);
//? ? ? ? ? ? ? ? ? ? //發(fā)送請(qǐng)求
//? ? ? ? ? ? ? ? ? ? xmlHttpRequest.setRequestHeader("Content-Type",
//? ? ? ? ? ? ? ? ? ? "application/x-www-form-urlencoded");
//? ? ? ? ? ? ? ? ? ? xmlHttpRequest.send("opr=login&name="+name+"&pwd="+pwd);
//? ? ? ? ? ? ? ? ? ? //設(shè)定回調(diào)函數(shù)
//? ? ? ? ? ? ? ? ? ? xmlHttpRequest.onreadystatechange = callBack;
// ? ? ? ? ? ? ? ? ?? //函數(shù)主體
2.經(jīng)典Ajax(jq導(dǎo)包)
/*$.ajax(
? ? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? url:"/AjaxDemoServlet",//地址
? ? ? ? ? ? ? ? ? ? type:"POST",//傳遞類型
? ? ? ? ? ? ? ? ? ? data:"opr=login&name="+name+"&pwd="+pwd,//參數(shù)
? ? ? ? ? ?? var data ="{\"opr\":\"login\",\"name\":name,\"pwd\":pwd}"
? ? ? ? ?? (json格式的對(duì)象,字符串中的雙引號(hào)要用轉(zhuǎn)移符轉(zhuǎn)譯符\")
? ? ? ? ? ? ? ? ? ? dataType:"json",//傳回的類型
? ? ? ? ? ? ? ? ? ? success:callBack,//滿足條件()時(shí)函數(shù)
? ? ? ? ? ? ? ? ? ?? error:function () {//ajax執(zhí)行失敗時(shí)執(zhí)行
? ? ? ? ? ? ? ? ? ? ? ? ? ? alert("驗(yàn)證過(guò)程錯(cuò)誤脑奠!")
? ? ? ? ? ? ? ? ? ?? }
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? )*/
加載請(qǐng)求: .ajaxStart() 和 .ajaxstop()
錯(cuò)誤處理: .ajaxError()
.ajaxSuccess()美澳,對(duì)應(yīng)一個(gè)局部方法:.success(),請(qǐng)求成功完成時(shí)執(zhí)行。
.ajaxComplete(),對(duì)應(yīng)一個(gè)局部方法:.complete()亚隙,請(qǐng)求完成后注冊(cè)一個(gè)回調(diào)函數(shù)磁餐。
.ajaxSend()违崇,沒(méi)有對(duì)應(yīng)的局部方法,只有屬性?beforeSend诊霹,請(qǐng)求發(fā)送之前要綁定的函數(shù)羞延。
4.簡(jiǎn)單寫(xiě)法
$.post("/AjaxDemoServlet","opr=login&name="+name+"&pwd="+pwd,callBack,"text");
$.get("/AjaxDemoServlet","opr=login&name="+name+"&pwd="+pwd,callBack,"json");
$.getJSON("/AjaxDemoServlet","opr=login&name="+name+"&pwd="+pwd,callBack);
$.get("/SelectServlet","opr=html",callBack,"html");
//? ? ? ? ? ? function callBack(data) {
//? ? ? ? ? ? ? ? $("body").html(data);
//? ? ? ? ? ? }
$("body").load("/SelectServlet","opr=html");(默認(rèn)是返回值是html格式,寫(xiě)入body的html中)
5.JSON對(duì)象(導(dǎo)入fastjson包)
//定義JSON格式的user對(duì)象
? ? ? ? ? ? var user = {
? ? ? ? ? ? ? ? "id" : 1,
? ? ? ? ? ? ? ? "name" : "恰同學(xué)少年",
? ? ? ? ? ? ? ? "pwd" : "123456"
? ? ? ? ? ? }
//定義JSON格式的數(shù)組對(duì)象
var array = ["北京","上海","廣州","深圳"];
//定義JSON格式的數(shù)組脾还,數(shù)組中的對(duì)象是JSON格式的對(duì)象(數(shù)組嵌套對(duì)象)
var array = [{"id" : 1},{"name" : "恰同學(xué)少年"},{"pwd" : "123456"}];
//將對(duì)象轉(zhuǎn)換為JSON格式的字符串
String s = JSON.toJSONString(list);