layui表单提交使⽤（submit（sub）,function（）{}）
使。。。
ayui使⽤官⽅的表单模块('submit(sub)',function (){}) 提交，使⽤ajax请求向后台请求⼀个执⾏结果，根据结果进⾏处理，出现回调⽆法执⾏，并且页⾯出现了刷新
之前也遇到过这个问题，直接使⽤将form标签修改成了div，通过jquery为提交按钮添加点击事件，⽽不⽤submit提交表单。
今天在为毕设添加修改密码的功能的时候，再次遇到了这个问题，刚好有点空闲，决定找出真正的原因。
⾸先，debug服务端逻辑，发现能正常取值，返回值也是正常
之后，检查ajax请求的 dataType是没问题的，我在服务端返回了⼀个字符串，我也指定了text属性。
百度（⾯向百度编程）之后发现原因是当button的type为submit的使⽤，页⾯会⾃动刷新，⽽我们并不希望他刷新。
既然知道了原因，那么问题就好解决了，只要在submit⽅法的最后添加个 return fal就解决了
下⾯是请求的JS代码，最后⼀⾏添加 return fal 问题解决
<('submit(sub)',function (){
var newpwd = $('#newpwd').val();
var confirmpwd = $('#confirmpwd').val();
if(newpwd != confirmpwd){
$('#rcp').attr('hidden','hidden');
$('#ecp').removeAttr('hidden');
layer.msg("两次输⼊密码不⼀致");
return fal;
}el{
var data = {
originPwd:$('#originpwd').val(),
newPwd:$('#newpwd').val()
}
$.ajax({
url:'/ur/changePwd',
type:'post',群众评议意见
dataType:'text',
contentType: 'application/json',
data:JSON.stringify(data),
timeout:2000,
beforeSend:function (xhr) {
变更函
唇色xhr.tRequestHeader(header,token);
},
success:function(data){
console.log(data);
if(data == 'success'){
layer.msg("密码修改成功");
location.href = "/ur/loginpage"
}el{
layer.msg("密码修改失败")
}
},
error:function () {
layer.msg("密码修改失败")
}
})
}
return fal;
})
有志竟成
---------------------------------------xadmin中弹出页⾯，异步提交被关闭---------------------------------------------------------------------------
//监听提交
<('submit(add)', function (data) {
//console.log(data);
日本悬疑小说作家//发异步，把数据提交给php
var name = data.field.name;
var desc = data.field.desc;
$.ajax({
type: 'post',
url: "{:url('admin/AdminRole/save')}",
data: {name: name,remark:desc},
success: function (res) {
梦见狗好不好
if (res.status == 200) {
layer.alert(res.msg, {icon: 6}, function () {
// 获得frame索引
var index = FrameIndex(window.name); //关闭当前frame
parent.layer.clo(index);
公告的格式及范文//刷新页⾯
load();
});
//load();
} el {
layer.alert(res.msg, {icon: 5}, function () {
// 获得frame索引
var index = FrameIndex(window.name); //关闭当前frame
parent.layer.clo(index);
/
/刷新页⾯
load();
});
}
}
});
return fal;
});沈美凤
