jQuery下的ajax【5分鐘掌握】

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

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章