温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

layui提交post的方法

发布时间:2020-06-24 21:18:41 来源:亿速云 阅读:10054 作者:Leah 栏目:web开发

这篇文章将为大家详细讲解有关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的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI