下面内容小编就为大家带来一篇分析layui使用ajax提交表单,layui获取表单数据,layui不用form提交数据。小编觉得挺不错的,现在就分享给大家,如果你在找layui获取表单数据,layui表单ajax提交,layui ajax提交,也可以做个借鉴。一起跟随小编过来看看吧。
layui使用ajax提交表单,layui获取表单数据,layui不用form提交数据
作者:小程序分析员 发布时间:2021-09-09
layui中不使用form原始方法提交表单,
而是使用ajax提交表单,
处理业务会方便些,
下面做一下记录:
html
<form class="layui-form">
<div class="layui-form-item">
<button class="layui-btn" id="submit" lay-submit="" lay-filter="daqin">点击提交表单</button>
</div>
</form>
js
<script>
layui.use(['jquery', 'form'], function(){
var $ = layui.jquery
,form = layui.form;
form.on('submit(daqin)', function(formData){
$.ajax({
url:"http://tool.qinziheng.com/mianchongzhi/index",
type:"POST",
dataType: "json",
data:formData.field,
success: function(resData){
console.log(resData);
}
})
return false;
});
});
</script>
其中
form.on('submit(daqin)', function(formData){});
中submit(daqin)里的参数要与form button中lay-filter="daqin"保持一致
function(formData){return false}的 formData.field 保存了表单中的数据
末尾要使用 return false
不然会刷新页面
猛击这里,
观看子恒老师《微信小程序支付开发》系列视频
了解实现过程和下载源码
声明:部分文章或图片未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:2334512685,我们会及时删除。
发布:秦子恒博客,欢迎转载分享,请保留出处。
layui使用ajax提交表单,layui获取表单数据,layui不用form提交数据链接:https://www.qinziheng.com/details/9952/
layui使用ajax提交表单,layui获取表单数据,layui不用form提交数据相关文章