# 表單提交AjaX
在零云中自帶了ajax提交的封裝,用來減輕前端開發人員的工作,加快項目進度。
## ajax-post用法
主要由以下幾個條件觸發
1、form表單結構的dom
2、target-form="表單的一個自定義class,比如注冊表單那可以用register-user"
3、form的action地址
4、提交按鈕必須有type="submit"屬性
5、提交按鈕加上ajax-post類
接下來點擊按鈕會自動觸發零云封裝的ajax操作

如上圖紅色標記所示,點擊登錄按鈕就會執行ajax提交,而不是傳統的頁面跳轉。
## 示例
```html
<form class="form login-form" action="{:U('User/User/login', '', true, true)}" method="post">
<div class="form-group">
<input type="text" class="form-control input" placeholder="{:L('郵箱/手機號/用戶名')}" name="account" autocomplete="off" value="">
</div>
<div class="form-group">
<input type="text" onfocus="this.type='password'" class="form-control input" placeholder="{:L('請輸入密碼')}" name="password" autocomplete="off" value="">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn btn-block submit ajax-post" disabled="disabled" target-form="login-form">{:L('登錄')}</button>
</div>
</form>
```
- 簡介
- 環境要求
- 安裝系統
- 目錄結構
- 常見問題
- 基礎知識
- 編輯器
- 前端規范
- 前端框架文檔
- Builder教程
- Builder的來歷
- ListBuilder使用
- setMetaTitle
- addTopButton
- setSearch
- addSearchItem
- setTabNav
- addTableColumn
- setTableDataList
- setTableDataListKey
- setTableDataPage
- addRightButton
- alterTableData
- setExtraHtml
- setTemplate
- FormBuilder使用
- setMetaTitle
- setTabNav
- setExtraItems
- setPostUrl
- addFormItem
- setFormData
- setExtraHtml
- setAjaxSubmit
- setTemplate
- 擴展FormBuilder
- 模塊開發
- 創建模塊
- 描述文件
- 模型( M )
- 模版( V )
- 控制器( C )
- API接口
- 核心模塊
- 文件上傳
- 微信小程序模塊
- 注冊登陸接口
- 錢包模塊
- 統一支付
- Cms模塊
- 幻燈片接口
- 文檔列表接口
- 文檔詳情接口
- 發表評論接口
- 評論列表接口
- 收藏的文檔接口
- 收藏接口
- 分類列表接口
- IM模塊
- 發送消息接口
- 最近聊天列表接口
- 查詢新消息接口
- 插件相關
- 短信插件
- 支付插件
- 支付寶支付
- 微信支付
- 站群模塊
- 模板開發
- 準備工作
- 目錄結構
- 數據調用
- 專題
- 插件開發
- 圖片顯示
- 獲取用戶信息
- 判斷用戶登陸
- 表單提交AjaX
- 文件上傳
- 2.0兼容寫法
- 模板標簽
- 核心模塊
- Cms模塊
- 欄目分類調用
- Cordova
- 配置跨域支持
- 本地開發調試教程
- 打包成apk和ipa
- 自定義APP信息
- 常見問題
- 申請Apple開發者賬戶
- 多主題開發
- 新建主題
- 目錄結構
- 模板變量
- 定制安裝部署