layui提交post的方法
这篇文章将为大家详细讲解有关layui提交post的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联是一家专注于网站建设、网站制作与策划设计,巴青网站建设哪家好?创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:巴青等地区。巴青做网站价格咨询:18982081108
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提交post的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
文章名称:layui提交post的方法
网站路径:http://scyanting.com/article/poeohc.html