最常使用的兩種資訊提交處理方式

第一種：表單提交FORM Submit 方式

FROM提交是我們經常適用的向後臺提交資料的一種方式，Form Tag 適用方法 參考：

<form action="form_action.asp" method="get" onsubmit="">
    <p>First name: <input type="text" name="fname" /></p>
    <p>Last name: <input type="text" name="lname" /></p>
    <input type="submit" value="Submit" />
</form>
 

action設定提交目的URL，method設定提交方法，後文會對不同的提交請求方式對比處理。

FORM提交資料驗證：

我們對使用者輸入內容格式會有一定的規則要求，HTML5引入了簡單的驗證資料非空提示處理。如下input輸入為空時表單提交被拒絕，同時input標籤的type設定也會對輸入做一些簡單的驗證，比如type設定為email時輸入框對郵箱格式做簡單的驗證。

<input required="required">
<input type="email" required="required">

如果需要對使用者輸入做一些特殊的驗證和customize處理，可以使用onsubmit驗證，onsubmit事件是在點選表單提交按鈕時發生，在表單新增事件觸發程式碼，或者定義js函式處理，並且返回一個Boolean值，返回false時拒絕提交。

onsubmit="SomeJavaScriptCode"

表單提交後後臺對提交的資料處理並指定頁面跳轉或路由指定。action預設值為空，當action值為空時按照當前頁面URL提交處理，並重新整理頁面。

第二種：Ajax非同步請求點選按鈕提交方式

Ajax提交是非同步處理資料的並獲取返回值的常用方式：

常用一些input、textarea tag 為使用者提供輸入框，設定一個submit button，併為submit button新增點選事件，在點選事件中新增非同步請求操作。

Ajax提交資料驗證：

首先需要通過js獲取使用者輸入，然後對獲取的輸入作customize驗證處理，一般對郵箱的驗證採用js正則表示式的方式處理，還有一些基本的輸入非空驗證，在驗證通過後執行非同步請求操作。

Ajax Post 非同步請求：

Ajax請求處理一般使用JQuery的ajax方法或者post方法做請求處理，下面兩種使用方式等效。

$.ajax({
  type: 'POST',
  url: url,
  data: [
        param1="param1",
        param1="param2",
        param1="param3",
        param1="param4",
        ],
  success: success,
  dataType: dataType
});
$.post(url,data,success(data, textStatus, jqXHR),dataType)

url對應提交的url地址，data對應提交資料（值，變數，陣列形式都可以），success對應請求成功後執行的回撥函式，dataType對應服務響應的資料型別，預設是非同步請求，如果想實現同步請求可以設定sync對應為false。

上述兩種提交方式的區別和適用場景說明

情況一：提交併重新整理當前頁面，或者提交後跳轉到其他頁面。
情況二：提交資料並展示後臺返回的處理資訊。
情況一比較適合採用FORM提交的方式處理，簡單方便，還可以使用HTML5新新增的一些基本驗證。情況二比較適合採用Ajax提交的方式處理，在success函式中對返回的資訊做一些需要的操作處理，不過需要通過js對使用者輸入做取出操作，通過引數傳遞給後臺處理。
根據不同的情況選擇不同的處理方式，一般FORM提交處理的方式比較多的使用，Ajax更多的使用在動態載入更多元素。
FORM和Ajax使用的最大區別是：FORM需要重新整理頁面，而Ajax可以在不重新整理頁面的情況下執行資料請求或者提交資料等操作，如果需要在Ajax提交成功後重新整理頁面，可以呼叫window物件的location屬性的load()方法重新載入當前文件。

HTTP 請求拓展

HTTP 定義了一組請求方法, 以表明要對給定資源執行的操作。

GET:GET方法請求一個指定資源的表示形式. 使用GET的請求應該只被用於獲取資料.
HEAD:HEAD方法請求一個與GET請求的響應相同的響應，但沒有響應體.
POST:POST方法用於將實體提交到指定的資源，通常導致狀態或伺服器上的副作用的更改.
PUT:PUT方法用請求有效載荷替換目標資源的所有當前表示。
DELETE:DELETE方法刪除指定的資源。
CONNECT:CONNECT方法建立一個到由目標資源標識的伺服器的隧道。
OPTIONS:OPTIONS方法用於描述目標資源的通訊選項。

GET和POST是常用的兩種請求方法，GET方法用來請求資料，引數會在URL中傳送，請求可以被快取並保留在瀏覽器的歷史記錄中，敏感資料應該避免使用GET請求方法；Post方法請求不會被快取也不會在瀏覽器中保留記錄表資料長度沒有要求，可以處理敏感資料（使用者密碼等），關於Post方法的詳細講解參考。