ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
# 表单提交AjaX 在零云中自带了ajax提交的封装,用来减轻前端开发人员的工作,加快项目进度。 ## ajax-post用法 主要由以下几个条件触发 1、form表单结构的dom 2、target-form="表单的一个自定义class,比如注册表单那可以用register-user" 3、form的action地址 4、提交按钮必须有type="submit"属性 5、提交按钮加上ajax-post类 接下来点击按钮会自动触发零云封装的ajax操作 ![](/Uploads/manual/image/2018-10-27/5bd4311105dde.png) 如上图红色标记所示,点击登录按钮就会执行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> ```