ajax

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)證過程錯(cuò)誤!")

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

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? )*/

3.Ajax :六個(gè)全局事件

加載請(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(),沒有對(duì)應(yīng)的局部方法,只有屬性?beforeSend,請(qǐng)求發(fā)送之前要綁定的函數(shù)。

4.簡(jiǎn)單寫法

$.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對(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);

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

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

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