最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

layui如何提交post

来源:动视网 责编:小采 时间:2020-11-27 15:02:01
文档

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:
推荐度:
导读layui如何提交post:layui提交post: table.js//表格属性:page,elem,url,cols //列属性:type,field,title table.render({ //1 开启分页 page: true, //2 指定渲染的table容器 elem: '#articleList', //3 异步访问的路径 url:


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如何提交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:
推荐度:
标签: post layui post提交
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top