一饰迹、load方法:從服務器上獲取靜態(tài)數(shù)據(jù)文件:
1莱找、載入HTML文檔:element.load(url湖雹,[data]赦颇,[callback]);
url:在字符串類型的url地址二鳄;
data:對象類型,發(fā)送給服務器的key/value數(shù)據(jù)媒怯;
callback:請求完成時的回調(diào)函數(shù)订讼,無論成功與否都會觸發(fā);
使用案例如下:
data.json數(shù)據(jù)如下
執(zhí)行代碼扇苞,回調(diào)函數(shù)中所傳參數(shù)在頁面中的打印如下:
由此可以看出:a表示請求返回的內(nèi)容欺殿;b表示請求狀態(tài)(有success、error鳖敷、notmodified脖苏、timeout);c代表XMLHttpRequest對象定踱。
2棍潘、還可以通過load()方法篩選載入的html文檔:
在url中拼接參數(shù),把要獲取的標簽class放在參數(shù)中崖媚,并用空格分隔
3亦歉、參數(shù)的傳遞方式:
根據(jù)data參數(shù)自動切換傳遞方式,如果沒有data參數(shù)至扰,則使用get傳遞鳍徽,有參數(shù)則轉換為post方式傳遞
二、get和post方法:
$.get(url敢课,[data]阶祭,[callback]绷杜,[type])方法:
參數(shù)情況:
url參數(shù):字符串類型的url地址;
data參數(shù):發(fā)至服務器的key\value對濒募,對象類型鞭盟;
callback參數(shù):載入成功時的回調(diào)函數(shù);
type參數(shù):服務器返回數(shù)據(jù)的格式:xml\html\script\json\text瑰剃;
返回數(shù)據(jù)的格式:如果是html片段齿诉,通過.html()方法直接拼接進文檔節(jié)點;如果是json文件晌姚,獲取到json中key所對應的value粤剧,拼接進html文檔中
$.post()方法與get一樣;
三挥唠、ajax方法:$.ajax(option);
參數(shù)option是一個對象類型的數(shù)據(jù)抵恋,包含:
url : 請求的地址;
dataType:請求類型(get\post)宝磨;
jsonp: callback弧关,指定回調(diào)函數(shù)的屬性名;
data: 提交到服務器中的數(shù)據(jù)唤锉,字符串類型世囊,例如'username=zhangsan&pass=123';
success:請求成功的回調(diào)函數(shù),該函數(shù)由一個參數(shù)窿祥,保存服務器返回的值株憾;
error:請求失敗的回調(diào)函數(shù),該函數(shù)由三個參數(shù)壁肋,分別是xmlhttprequest對象号胚、錯誤信息和錯誤對象(此回調(diào)函數(shù)可省)浸遗;
四、getJSON方法:專用于加載json文件
$.getJSON(url箱亿,[callback])
url:文件路徑跛锌;
callback:載入成功后的回調(diào)函數(shù),data參數(shù)存放了請求到的數(shù)據(jù)届惋;
jq的數(shù)據(jù)交互先介紹到這里髓帽,如果對您有所幫助的話,請點贊并關注哦脑豹,我會不定時的更新一下自己學習的經(jīng)驗以及見解郑藏,和大家進行交流。
您贊就是是我最大的動力4衿邸1馗恰拌牲!