layui使用AJAX提交表单的注意事项，记录踩过的坑

form.on('submit(sbm)', function(data) {
                var id = $("#id").val();
                var password = $("#password").val();
                $.ajax({
                    url : 'login/userlogin',
                    type : 'post',
                    data : {
                        id : id,
                        password : password
                    },
                    success : function(result) {
                        if (result.code == 100) {
                            layer.msg('登录成功', {
                                icon : 6,
                                time : 1000,
                                shade : 0.3,
                                end : function() {
                                    location.href = "./index.html";
                                }
                            });
                        } else if (result.code == 101) {
                            $("#password").focus();
                        }
                        alert(result.msg);
                    },
                    error : function() {
                        layer.msg('系统错误');
                    }
                });

                return false;
            });

 

没有加红色部分的时候一直点提交就刷新，根本没有跳转到success这里。

加了return false后变成正常

官方说明

form.on('submit(*)', function(data){
  console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
  console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
  console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});