layui表单提交使用form.on(‘submit(sub)‘,function (){}) 使用ajax请求时回调不执行的原因及解决方法

在使用Layui框架进行表单提交时，如果你发现使用 form.on('submit(sub)', function(){}) 用以触发表单提交的事件处理器中的回调函数没有被调用，可能的原因和解决方法如下：

1. 确保Layui的表单模块已经被初始化：

   确保你已经在页面中引入了Layui的CSS和JS文件，并且已经使用 layui.use() 方法初始化了表单模块。

2. 检查表单元素的 lay-submit 属性：

   确保你的表单元素上有 lay-submit 属性，这样才能触发表单的提交事件。

3. 检查按钮的类型：

   确保提交按钮的 type 属性是 submit。

4. 检查事件名称是否正确：

   确保你绑定的事件名称与你在表单元素上定义的 lay-filter 属性值相匹配。

5. 检查是否有JS错误阻止了回调执行：

   在浏览器的开发者工具中检查是否有JavaScript错误，这可能会阻止回调函数的执行。

6. 使用正确的Ajax请求语法：

   在回调函数中，使用Layui的 ajax 方法进行请求，而不是原生的 XMLHttpRequest 或者 fetch。

下面是一个简单的例子，展示如何使用Layui的表单提交事件处理器：

layui.use(['form'], function(){
  var form = layui.form;
  
  // 监听提交事件
  form.on('submit(sub)', function(data){
    console.log(data.field); // 获取表单的所有字段，以对象的形式
    
    // 使用Layui的ajax发送请求
    layui.ajax({
      url: '/your/server/endpoint', // 服务器接口
      type: 'post',
      data: data.field,
      success: function(response){
        // 请求成功的回调
        console.log('请求成功：', response);
      },
      error: function(){
        // 请求失败的回调
        console.log('请求失败');
      }
    });
    
    return false; // 阻止表单默认提交
  });
});

确保你的HTML表单元素看起来像这样：

<form class="layui-form" action="">
  <!-- 表单内容 -->
  <button lay-filter="sub" lay-submit>提交</button>
</form>

如果以上都确认无误，但问题依旧，请提供更详细的错误信息或者代码示例以便进一步分析。