layui中怎么提交post

发布时间:2021-08-10 17:14:06 作者:Leah
来源:亿速云 阅读:213

本篇文章给大家分享的是有关layui中怎么提交post,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

layui提交post:

table.js

//表格属性:page,elem,url,cols//列属性:type,field,titletable.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中怎么提交post,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

推荐阅读:
  1. php模拟post提交提交json数据
  2. php POST的提交

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

layui post

上一篇:css怎么制作网页中的虚线

下一篇:怎么用css3制作登录表单功能

相关阅读

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

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