layui提交post的方法

這篇文章將為大家詳細講解有關layui提交post的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

layui提交post：

table.js

//表格屬性：page,elem,url,cols
//列屬性：type,field,title
table.render({
        //1 開啟分頁
        page: true,
        //2 指定渲染的table容器
        elem: '#articleList',
        //3 異步訪問的路徑
        url: '../../user',
        //4 集合屬性
        cols: [[
            {type: 'checkbox'},
            //4.1   普通屬性
            {field: 'username', title: '用戶名稱',width:'11%'},
            //4.2   單選框屬性
            {field: 'sex',      title: '性別',    width:'11%'},
            //4.3   復選框屬性
            {field: 'status',   title: '狀態',    templet: '#status',width:'11%'},
            //4.4   日期屬性
            {field: 'updated',  title: '最近修改時間',width:'14%',
                //日期格式轉化
                templet: function createTime(d){
                            return new Date(parseInt(d.updated)).toLocaleString()
                 }
            },  
        ]]
        
        //4.2   數字條件判斷
        ,done:function(res,curr,count){
            $("[data-field='sex']").children().each(function(){
                //若選取元素為1
                if($(this).text() == '1'){
                     
                    $(this).text('男');
                //若選取元素為0
                }else if($(this).text() == '0'){
                    
                    $(this).text('女');
                }
            });
        }
    });

    //4.4   調用的日期格式轉化器
     Date.prototype.toLocaleString = function() {
        var y = this.getFullYear();
        var m = this.getMonth()+1;
        m = m<10?'0'+m:m;
        var d = this.getDate();
        d = d<10?("0"+d):d;
        var h = this.getHours();
        h = h<10?("0"+h):h;
        var M = this.getMinutes();
        M = M<10?("0"+M):M;
        var S=this.getSeconds();
        S=S<10?("0"+S):S;
        return y+"-"+m+"-"+d;
        /*+" "+h+":"+M+":"+S*/
    };

post.js

$.post(
    //1 異步提交的urL
    '${pageContext.request.contextPath}/user/add',

    //2 form表單以鍵值對形式傳輸
    data.field,

    //3 訪問后成功的回調函數
    function (data) {
        if (data > 0) {
            //3.1   彈窗提示
            layer.msg("添加成功！", {icon: 1});
            //3.2  獲得frame索引
            var index = parent.layer.getFrameIndex(window.name);
            //3.3   關閉當前frame
            parent.layer.close(index);
            //3.4   刷新頁面
            window.parent.location.reload();
        }else{
            layer.msg("添加失??！", {icon: 1});
        }
    }
);

更多layui框架教程：

layui使用form表單實現post請求頁面跳轉的方法

layui動態添加刪除表格，并獲取表格中的值

關于layui提交post的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。