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);});

總結

以上是生活随笔為你收集整理的jQuery下的ajax【5分钟掌握】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。