Jquery ajax提交表單幾種方法詳解

2022-01-12 12:45:25 字數 1497 閱讀 3205

在jquery中ajax提交表單有post與get方式,在使用get方式時我們可以直接使用ajax 序列化表單$( 表單id) serialize();就行了,下面我來介紹兩個提交表單資料的方法。$get方式提交表單get() 方法通過遠端 http

在jquery中ajax提交表單有post與get方式,在使用get方式時我們可以直接使用ajax 序列化表單$('#表單id').serialize();就行了,下面我來介紹兩個提交表單資料的方法。

$get方式提交表單

get() 方法通過遠端 http get 請求載入資訊

格式$(selector).get(url,data,success(response,status,xhr),datatype)

請求 test.php 網頁,傳送2個引數,忽略返回值:

$.get("test.php", );

顯示 test.php 返回值(html 或 xml,取決於返回值):

**如下

複製**

$.get("test.php", function(data));

ajax 序列化表單

$.form.serialize( namevaluepair )

虛擬乙個表單,並設定表單控制項名與值。

引數namevaluepair

必選項。設定虛擬的表單控制項。該引數形式為:

返回值虛擬表單序列化後的字串,其格式如:username=%e5%95%8a%e8%94%a1&password=123456

**如下

複製**

.serialize() 方法可以操作已選取個別表單元素的 jquery 物件,比如 , 以及 。不過原始碼天空,選擇 標籤本身進行序列化一般更容易些: 

$('form').submit(function());

輸出標準的查詢字串:

a=1&b;=2&c;=3&d;=4&e;=5

$post方式提交表單

$.post

jquery.post( url, [data], [callback], [type] ) :使用post方式來進行非同步請求

引數:url (string) : 傳送請求的url位址.

data (map) : (可選) 要傳送給伺服器的資料,以 key/value 的鍵值對形式表示。

callback (function) : (可選) 載入成功時**函式(只有當response的返回狀態是success才是呼叫該方法)。

**如下

複製**

$.post("momsg.php",,function(data)    

});通過 ajax post 請求改變 div 元素的文字:

**如下

複製**

$("input").keyup(function(),function(result));

});例項

**如下

複製**

Jquery ajax方式提交表單

jquery ajax方式提交表單,目前用過的有兩種方式 1 引人jquery.js和jquery.easyui.min.js後,用下面的方法 checkform1 form submit urlhidden value e j j.length e index html j.length docu...

jquery ajax 提交表單的方式

方法一 複製 如下 function addhandlingfeetorefund error function data 方法二 複製 如下 ajax提交form表單的方式 formaddhandlingfee submit function error function data 方法三 我們可...

jQuery AJAX提交表單並輸出返回值

前端部分 此指令碼將表單輸入值序列化後傳至後台,後台使用thinkphp框架,接收了post方式傳入的引數name,並將 post name 的值以json格式打包後返回,前端已預先指定接收資料型別為json,並以result為返回值變數名稱進行輸出。後台 namespace admin contr...