一、load方法:從服務器上獲取靜態數據文件:
1、載入HTML文檔:element.load(url,[data],[callback]);
url:在字符串類型的url地址;
data:對象類型,發送給服務器的key/value數據;
callback:請求完成時的回調函數,無論成功與否都會觸發;
使用案例如下:
data.json數據如下
執行代碼,回調函數中所傳參數在頁面中的打印如下:
由此可以看出:a表示請求返回的內容;b表示請求狀態(有success、error、notmodified、timeout);c代表XMLHttpRequest對象。
2、還可以通過load()方法篩選載入的html文檔:
在url中拼接參數,把要獲取的標簽class放在參數中,并用空格分隔
3、參數的傳遞方式:
根據data參數自動切換傳遞方式,如果沒有data參數,則使用get傳遞,有參數則轉換為post方式傳遞
二、get和post方法:
$.get(url,[data],[callback],[type])方法:
參數情況:
url參數:字符串類型的url地址;
data參數:發至服務器的key\value對,對象類型;
callback參數:載入成功時的回調函數;
type參數:服務器返回數據的格式:xml\html\script\json\text;
返回數據的格式:如果是html片段,通過.html()方法直接拼接進文檔節點;如果是json文件,獲取到json中key所對應的value,拼接進html文檔中
$.post()方法與get一樣;
三、ajax方法:$.ajax(option);
參數option是一個對象類型的數據,包含:
url : 請求的地址;
dataType:請求類型(get\post);
jsonp: callback,指定回調函數的屬性名;
data: 提交到服務器中的數據,字符串類型,例如'username=zhangsan&pass=123';
success:請求成功的回調函數,該函數由一個參數,保存服務器返回的值;
error:請求失敗的回調函數,該函數由三個參數,分別是xmlhttprequest對象、錯誤信息和錯誤對象(此回調函數可?。?;
四、getJSON方法:專用于加載json文件
$.getJSON(url,[callback])
url:文件路徑;
callback:載入成功后的回調函數,data參數存放了請求到的數據;
jq的數據交互先介紹到這里,如果對您有所幫助的話,請點贊并關注哦,我會不定時的更新一下自己學習的經驗以及見解,和大家進行交流。
您贊就是是我最大的動力?。?!