Jquery ajax提交表單幾種方法

在jquery中ajax提交表單有post與get方式，在使用get方式時我們可以直接使用ajax 序列化表單$(‘#表單ID’).serialize()。

詳細如下介紹：

一、$get方式提交表單

get() 方法通過遠程 HTTP GET 請求載入資訊

格式

$(selector).get(url,data,success(response,status,xhr),dataType)

執行個體

使用 AJAX 的 GET 請求來改變 div 元素的文本：

$.get('login.php', {
    id      : 'Robin',
    password: '123456',
    gate    : 'index'
   }, function(data, status) {
    //data為返回對象，status為請求的狀態
    alert(data);
    //此時假設伺服器指令碼會返回一段文字"你好，Robin！"，
 那麼瀏覽器就會彈出對話方塊顯示該段文字
    alert(status);
    //結果為success, error等等，但這裡是成功時才能啟動並執行函數
   });

顯示 test.php 傳回值(HTML 或 XML，取決於傳回值)：

ajax 序列化表單

$.Form.serialize( NameValuePair )

虛擬一個表單，並設定表單控制項名與值。

參數
NameValuePair

必選項。設定虛擬表單控制項。該參數形式為：{ name1=value, name2=value2, ……}
傳回值

虛擬表單序列化後的字串，其格式如：username=%E5%95%8A%E8%94%A1&password=123456

$.post('your url', $("form").serialize(), function(data) {
        // your code
    }
});

$.get('your url', $("form").serialize(), function(data) {
        // your code
    }
});

$.getJSON('your url', $("form").serialize(), function(data) {
        // your code
    }
});

二、$POST方式提交表單

$.post

jQuery.post( url, [data], [callback], [type] ) ：使用POST方式來進行非同步請求
參數：

url (String) : 發送請求的URL地址.

data (Map) : (可選) 要發送給伺服器的資料，以 Key/value 的索引值對形式表示。

callback (Function) : (可選) 載入成功時回呼函數(只有當Response的返回狀態是success才是調用該方法)

$.post("data.php",$("#firstName.val()"),function(data){
 
$("#postResponse").html(data.name);
 
},"json"//設定了擷取資料的類型，所以得到的資料格式為json類型的
 
);

ajax

$.ajax(opiton)
 
$.ajax({
 
url: "ajax/ajax_selectPicType.aspx",
 
data:{Full:"fu"},
 
type: "POST",
 
dataType:'json',
 
success:CallBack,
 
error:function(er){
 
BackErr(er);}
 
});
 

四，$.getJSON(url,[data],[callback])

 $.getJSON("data.php",$("#firstName.val()"),function(jsonData){
 
$("#getJSONResponse").html(jsonData.id);}//無需設定，直接擷取的資料類型為json，
 所以調用時需要使用jsonData.id方式
 
);