分享主题:linux,nginx,php,mysql

layui使用ajax提交表单,layui获取表单数据,layui不用form提交数据

互联网+ 现在加入小程序俱乐部QQ群:483987340

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>

layui Form Ajax提交表单

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:58842997,我们会及时删除。
秦子恒公众号

来源:秦子恒博客,欢迎转载分享,请保留出处

layui使用ajax提交表单,layui获取表单数据,layui不用form提交数据链接:https://www.qinziheng.com/hulianwangjia/9952.htm

现在就加入微信开发QQ群2:483987340,跟同行探讨微信公众平台开发。群满就关闭,你得等到下一个群开通才能加入……

喜欢 (0)