jQuery AJAX — 篇二 $.get()和 $.post()

阿新 • • 發佈：2019-01-21

　　上篇部落格中說到jQuery對Ajax操作進行了封裝，我們可以很簡單的應用AJAX，並且學習了jQuery AJAX的 $.load()方法，今天再來學習另外兩個方法$.get()和$.post()

GET和POST

　　在學習AJAX時我們就學過了GET和POST這兩種請求方式，一個主要的區別是：

　　GET方式，一般用於獲取URL上的資源，主要是讀取，可以被快取；

　　POST方式，一般用於更新資源，不會被快取。

　　我們可以找一個具體的例子來理解，我們在對這篇部落格進行多次請求，返回的內容還是這篇部落格，是不變的，我們理解為GET方式，如果我們在進行評論就理解為POST方式，大家可以體驗一下這個“

POST”。

　　又一次比較了GET和POST，大家不要拍磚，其實每接觸到一次再進行一次學習，這就是一個反覆的過程。

　　下面我們看$.get()和$.post()的例項和說明

$.get()方法

我們接著上篇部落格的例子再來用$.get()方法實現。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">
        <scripttype="text/javascript" src="jquery.js"></script>
        <scripttype="text/javascript">
            $(document).ready(function(){
               $("#btn").click(function(){
                   var userName =document.getElementById("UserName").value;
　　　　　　　　　   //$('#message').load("AJAX?name=" + userName);
 
                   //$.get()方法
                   $.get("AJAX?name=" + userName,function(data,status){
                        $("#message").html(data);
                        alert(status);
                    });                    
                });
              });
        </script>
    </head>
    <body>
        <input type="text"id="UserName" value="admin"/>
        <input type="button"id="btn" value="校驗使用者名稱"/>
        <br/>
        <divid="message"></div>
    </body>
</html>

通過實現程式碼，來看$.get()的使用說明

$.get()方法：通過 HTTPGET 請求從伺服器上請求資料。

語法：$.get(url,[data],[callback],[type])

引數說明：

url：請求的url地址

　　data：傳送至伺服器的key/value資料會作為QueryString附加到請求URL中

　　callback：載入成功時的回撥函式

　　type：伺服器返回的內容的格式，包括xml html script json text default

　　引數必須的是url，其它引數可選

回撥函式：

function(data,status){

　　$("#message").html(data);

});

data：請求返回的內容

status：請求的狀態：success、error、notmodified、timeout

$.post()方法：通過 HTTP POST 請求從伺服器上請求資料。

　　語法：$.post(url,[data],[callback],[type])

　　從語法上很容易看出，和$.get()方法使用一樣。

$('#message').get()是否正確？

　　上篇部落格中是這樣寫的$('#message').load("AJAX?name="+ userName);開始在實現$.get()時我也這樣寫$('#message').get()，結果卻不通過。這是為什麼

　　$.load()和$.get()在從伺服器獲取資料的方法上，幾乎是一樣的，不同的是$.load()它不是全域性函式，並且擁有隱式的回撥函式，當偵測到成功的響應時（比如，當 textStatus 為 "success" 或"notmodified" 時），.load() 將匹配元素的 HTML 內容設定為返回的資料。這意味著該方法的大多數使用會非常簡單：

　　$('#message').load("AJAX?name="+ userName);

服務端程式碼和XML完全和上篇部落格例子一樣，不再寫。

未完結…

　　$.get()和$.post()原理其實還是get和post請求的原理，只不過通過jQuery讓我們的實現變得簡單（這都得益於jQuery強大的功能）。jQuery AJAX方法瞭解和學習仍在繼續，別走開，馬上回來。現在好像很流行"馬上"。

jQuery AJAX — 篇二 $.get()和 $.post()

GET和POST

$.get()方法

$('#message').get()是否正確？

未完結…

jQuery AJAX — 篇二 $.get()和 $.post()

jQuery的區域性重新整理——get、post和ajax方法寫法小結

解決jquery ajax在跨域訪問post請求的時候，ie9以下無效（包括ie9）的問題

封裝ajax支持get、post

原生Ajax使用筆記---get和post方法，url傳參

jQuery.ajax設定請求頭實現post請求傳送資料的格式（Form Data和Request Payload）

jquery ajax在跨域訪問post請求的時候，ie9以下無效（包括ie9）

HttpClient 4.1.3 初學篇---使用Get和Post模擬登入簡單頁面（分別帶引數）

iOS開發網路篇—傳送GET和POST請求（使用NSURLSession）

Ajax Post提交複雜JSON物件的簡便有效方法（適用jQuery-Ajax和原生JS XMLHttpRequest POST）

ajax案例---以GET和POST方式非同步提交資料給後臺

jquery-$.ajax提交與$.get獲取資料

js源碼模仿 jquery的ajax的獲取數據（get，post ）的請求封裝

jQuery – AJAX get() 和 post() 方法

jQuery中$.get()、$.post()和$.ajax()

Jquery AJAX POST與GET之間的區別

JQUERY的AJAX中 get()、post()的跨域方法

jQuery 的 .get和.post和.ajax方法IE的相容問題

jquery ajax中post 、get的同步問題

jQuery ajax $.get或$.post 實現timeout超時設定的方法

jQuery AJAX — 篇二 $.get()和 $.post()

GET和POST

$.get()方法

$('#message').get()是否正確？

未完結…

相關推薦