jquery下的ajax方法
- load
- ajax
- get
- post
load()方法
jQuery load() 方法是簡單但強大的 AJAX 方法。
load() 方法從服務器加載數據,並把返回的數據放入被選元素中。
語法:
$(selector).load(URL,data,callback);
例如:
$("#div1").load("demo_test.txt"); //將txt文本添加到div1裏面
-
必需的 URL 參數規定您希望加載的 URL。
-
可選的 data 參數規定與請求一同發送的查詢字符串鍵/值對集合。
-
可選的 callback 參數是 load() 方法完成後所執行的函數名稱。
顯然這個方法條理不夠清晰,但是勝在簡單直接。
ajax()方法
常用鍵值對
- url //請求路徑
- type //請求方式
- data //請求參數
- success //響應成功後的回調函數
- error // 響應失敗後的回調函數
- dataType //設置接收到的響應數據的格式
jquery下通過鍵值對的形式來包裝,注意每個鍵之間用“,”隔開,但是最後一個不能加逗號
ajax方法的優勢在於調理清晰,缺點在於比較麻煩
而真正比較常用的方式是get和post
兩種在客戶端和服務器端進行請求-響應的常用方法是:GET 和 POST。
- GET - 從指定的資源請求數據
- POST - 向指定的資源提交要處理的數據
get( )方法
$.get() 方法通過 HTTP GET 請求從服務器上請求數據。
語法:
$.get(*URL*,*callback*);
post()方法
$.post() 方法通過 HTTP POST 請求向服務器提交數據。
語法:
$.post(*URL,data,callback*);
- 必需的 URL 參數規定您希望請求的 URL。
- 可選的 data 參數規定連同請求發送的數據。
- 可選的 callback 參數是請求成功後所執行的函數名。
$.post("/try/ajax/demo_test_post.php",{
name:"菜鳥教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("數據: \n" + data + "\n狀態: " + status);
});