ajax

1.原生態(tài)Ajax

//創(chuàng)建XMLHttpRequest對象

//? ? ? ? ? ? ? ? ? ? var xmlHttpRequest = new XMLHttpRequest();

//? ? ? ? ? ? ? ? ? ? //初始化組件/創(chuàng)建HTTP請求

//? ? ? ? ? ? ? ? ? ? xmlHttpRequest.open("POST","/AjaxDemoServlet",true);

//? ? ? ? ? ? ? ? ? ? //發(fā)送請求

//? ? ? ? ? ? ? ? ? ? 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格式的對象,字符串中的雙引號要用轉(zhuǎn)移符轉(zhuǎn)譯符\")

? ? ? ? ? ? ? ? ? ? dataType:"json",//傳回的類型

? ? ? ? ? ? ? ? ? ? success:callBack,//滿足條件()時函數(shù)

? ? ? ? ? ? ? ? ? ?? error:function () {//ajax執(zhí)行失敗時執(zhí)行

? ? ? ? ? ? ? ? ? ? ? ? ? ? alert("驗證過程錯誤!")

? ? ? ? ? ? ? ? ? ?? }

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? )*/

3.Ajax :六個全局事件

加載請求: .ajaxStart() 和 .ajaxstop()

錯誤處理: .ajaxError()

.ajaxSuccess(),對應(yīng)一個局部方法:.success(),請求成功完成時執(zhí)行。

.ajaxComplete(),對應(yīng)一個局部方法:.complete(),請求完成后注冊一個回調(diào)函數(shù)。

.ajaxSend(),沒有對應(yīng)的局部方法,只有屬性?beforeSend,請求發(fā)送之前要綁定的函數(shù)。

4.簡單寫法

$.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格式,寫入body的html中)

5.JSON對象(導(dǎo)入fastjson包)

//定義JSON格式的user對象

? ? ? ? ? ? var user = {

? ? ? ? ? ? ? ? "id" : 1,

? ? ? ? ? ? ? ? "name" : "恰同學(xué)少年",

? ? ? ? ? ? ? ? "pwd" : "123456"

? ? ? ? ? ? }

//定義JSON格式的數(shù)組對象

var array = ["北京","上海","廣州","深圳"];

//定義JSON格式的數(shù)組,數(shù)組中的對象是JSON格式的對象(數(shù)組嵌套對象)

var array = [{"id" : 1},{"name" : "恰同學(xué)少年"},{"pwd" : "123456"}];

//將對象轉(zhuǎn)換為JSON格式的字符串

String s = JSON.toJSONString(list);

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容