Form Plugin API 里提供了很多有用的方法可以讓你輕松的處理表單里的數(shù)據(jù)和表單的提交過程。

測試環(huán)境：部署到Tomcat中的web項目。

本文演示的是：jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項對象

ajaxForm()和ajaxSubmit()的可選參數(shù)項對象

ajaxForm 和 ajaxSubmit 都支持大量的可選參數(shù)，它們通過可選參數(shù)項對象傳入?？蛇x參數(shù)項對象只是一個簡單的 JavaScript對象，里邊包含了一些屬性和一些值:

target

用server端返回的內(nèi)容更換指定的頁面元素的內(nèi)容。 這個值可以用jQuery 選擇器來表示,或者是一個jQuery 對象， 一個 DOM 元素。

缺省值： null

url

表單提交的地址。

缺省值： 表單的action的值

type

表單提交的方式，'GET' 或 'POST'.

缺省值： 表單的 method 的值 (如果沒有指明則認為是 'GET')

beforeSubmit

表單提交前執(zhí)行的方法。這個可以用在表單提交前的預處理，或表單校驗。如果'beforeSubmit'指定的函數(shù)返回false，則表單不會被提交。 'beforeSubmit'函數(shù)調(diào)用時需要3個參數(shù)：數(shù)組形式的表單數(shù)據(jù)，jQuery 對象形式的表單對象，可選的用來傳遞給ajaxForm/ajaxSubmit 的對象。

數(shù)組形式的表單數(shù)據(jù)是下面這樣的格式：[ { name: 'username',value: 'jresig' },{ name: 'password',value: 'secret' } ]

缺省值： null

success

當表單提交后執(zhí)行的函數(shù)。 如果'success' 回調(diào)函數(shù)被指定，當server端返回對表單提交的響應后，這個方法就會被執(zhí)行。 responseText 和 responseXML 的值會被傳進這個參數(shù) (這個要依賴于dataType的類型).

缺省值： null

dataType

指定服務器響應返回的數(shù)據(jù)類型。其中之一: null,'xml','script',或者 'json'. 這個 dataType 選項用來指示你如何去處理server端返回的數(shù)據(jù)。 這個和 jQuery.httpData 方法直接相對應。

下面就是可以用的選項：

'xml': 如果 dataType == 'xml' 則 server 端返回的數(shù)據(jù)被當作是 XML 來處理， 這種情況下'success'指定的回調(diào)函數(shù)會被傳進去 responseXML 數(shù)據(jù)

'json': 如果 dataType == 'json' 則server端返回的數(shù)據(jù)將會被執(zhí)行，并傳進'success'回調(diào)函數(shù)

'script': 如果 dataType == 'script' 則server端返回的數(shù)據(jù)將會在上下文的環(huán)境中被執(zhí)行

缺省值： null

semantic

一個布爾值，用來指示表單里提交的數(shù)據(jù)的順序是否需要嚴格按照語義的順序。一般表單的數(shù)據(jù)都是按語義順序序列化的，除非表單里有一個type="image"元素. 所以只有當表單里必須要求有嚴格順序并且表單里有type="image"時才需要指定這個。

缺省值： false

resetForm

布爾值，指示表單提交成功后是否需要重置。

缺省值： null

clearForm

布爾值，指示表單提交成功后是否需要清空。

缺省值： null

iframe

布爾值，用來指示表單是否需要提交到一個iframe里。 這個用在表單里有file域要上傳文件時。更多信息請參考 代碼示例 頁面里的File Uploads 文檔。

缺省值： false

四、詳細代碼：

jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可選參數(shù)項對象.

Demo 4 : jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可選參數(shù)項對象.

名稱：

地址：

自我介紹：

總結(jié)

以上是生活随笔為你收集整理的java ajaxsubmit_jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。