layui 中 表單 會自動刷新的問題


因為用到layui的表單,遇到了刷新的問題所以記錄一下:

直接上代碼:

<script>
layui.use(['jquery','form','layer'], function(){
var $ = layui.jquery,
layer=layui.layer,
form = layui.form;
form.on('submit(tijiao)', function(data){
add(data);
return false;
});
});
function add(data){
$.ajax({
url:'/users/addUser',
data:data.field,
type:"Post",
dataType:"json",
success:function(date){
//console.log(date);
var index=parent.layer.getFrameIndex(window.name); //獲取當前窗口的name
parent.layer.close(index);
window.parent.location.reload();
},
error:function(data){
$.messager.alert('錯誤',data.msg);
}
})
}
</script>

注:主要是看:
form.on('submit(tijiao)', function(data){
add(data);
return false;
});

這里面 必須要寫 return false;
這樣才能解決 表單自動刷新的問題。

還有:
獲取表單中的所有數據用:
data.field


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM