layui提交post的方法
这篇文章将为大家详细讲解有关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:functioncreateTime(d){returnnewDate(parseInt(d.updated)).toLocaleString()}},]]//4.2数字条件判断,done:function(res,curr,count){$("[data-field='sex']").children().each(function(){//若选取元素为1if($(this).text()=='1'){$(this).text('男');//若选取元素为0}elseif($(this).text()=='0'){$(this).text('女');}});}});//4.4调用的日期格式转化器Date.prototype.toLocaleString=function(){vary=this.getFullYear();varm=this.getMonth()+1;m=m<10?'0'+m:m;vard=this.getDate();d=d<10?("0"+d):d;varh=this.getHours();h=h<10?("0"+h):h;varM=this.getMinutes();M=M<10?("0"+M):M;varS=this.getSeconds();S=S<10?("0"+S):S;returny+"-"+m+"-"+d;/*+""+h+":"+M+":"+S*/};
post.js
$.post(//1异步提交的urL'${pageContext.request.contextPath}/user/add',//2form表单以键值对形式传输data.field,//3访问后成功的回调函数function(data){if(data>0){//3.1弹窗提示layer.msg("添加成功!",{icon:1});//3.2获得frame索引varindex=parent.layer.getFrameIndex(window.name);//3.3关闭当前frameparent.layer.close(index);//3.4刷新页面window.parent.location.reload();}else{layer.msg("添加失败!",{icon:1});}});
更多layui框架教程:
layui使用form表单实现post请求页面跳转的方法
layui动态添加删除表格,并获取表格中的值
关于layui提交post的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。