# ajax的表單提交 Ajax form submission
Jquery Mobile會自動通過ajax處理表單的提交,并在表單頁面和結果頁面之間創建一個平滑的轉場效果。注意請在form元素上正確設定action 和method屬性,保證表單的提交。如果沒有指定,提交方法默認為get,action默認為當前頁的相對路徑(通過$.mobile.path.get()方法取得
表單也可以像鏈接一樣指定轉場效果的屬性,比如data-transition="pop",和data-direction="reverse".如果不希望通過ajax提交表單,可以在全局事件禁用ajax,或給form設定 data-ajax="false" 屬性。target 屬性也可以在form上設置,表單提交時默認為瀏覽器的打開規則。。而與鏈接不同,rel 屬性不可以在form上設
## 非ajax的處理 Non-Ajax handling
要防止表單提交時自動通過ajax提交,給form元素增加 data-ajax="false"屬性。也可以通過ajaxFormsEnabled方法在全局控制.
## Simple Ajax form example
本頁面展示了表單自動通過ajax處理的提交。下面的表單采用常規(get 方式提交)forms-sample-response.php 。在提交時,Jquery Mobile會確保指定的Url地址可以通過Ajax獲取,并且適當的處理。請注意,就像普通的HTTP請求表單提交一樣,Jquery Mobile允許通過get請求成功得到的結果頁通過更新Url的哈希值被添加為收藏頁。而就像普通的表單提交一樣,post請求不包含查詢參數,因此結果頁不能被添加為收藏頁
- 綜述
- Jquery mobile介紹 Jquery Mobile Overview
- 關鍵特性: Key features:
- 可訪問性 Accessibility
- a4版本支持的平臺 Supported platforms in Alpha 4
- API
- 默認配置
- 事件
- 方法
- 有響應的布局助手
- 主題
- 組件
- 頁面與對話框
- 頁面
- 頁面轉場 Page transitions
- 創建對話框 Creating dialogs
- Jquery Mobile的導航模型 Jquery Mobile's navigation model
- 鏈接的格式 Link formats
- 給頁面主題樣式 Page Theming
- 工具欄
- 工具欄
- 頭部欄
- 尾部欄
- 導航欄
- 固定定位的工具欄會在滾屏后重新出現 Fixed toolbars will re-appear after you scroll
- 全屏的固定的工具欄 Fullscreen fixed toolbar
- 持續的尾部欄 Persistent footer nav bar
- 給頭部欄和尾部欄設置主題樣式
- 按鈕
- 按鈕標記選項 Button markup options
- 給按鈕添加圖標 Adding Icons to Buttons
- 內聯按鈕 Inline buttons
- 組按鈕 Grouped buttons
- 主題化按鈕 Theming buttons
- 內容的格式化
- html格式化 HTML Formatting
- 布局網格 Layout grids
- 可折疊的內容 Collapsible content markup
- 給內容主題 Theming content
- 表單元素
- 表單元素 Form elements
- 表單元素示例 Form element gallery
- 文本輸入框 Text inputs
- 搜索輸入框 Search inputs
- 滑動條 Slider
- 開關 Flip toggle switches
- 復選按鈕 Checkboxes
- 單選按鈕組 Radio buttons
- 選擇菜單 Select menus
- 表單的主題樣式 Form themes
- ajax的表單提交 Ajax form submission
- 表單插件的方法 Form Plugin Methods
- Jquery UI 的移動版日期拾取器插件 Jquery UI's Datepicker Styled for mobile
- 列表
- 列表 List views
- 列表標記的規約List markup conventions