layui 게시물 제출:
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}); } } );
관련 기사 추천: #🎜🎜 # 1.layui와 백엔드 연결 방법
2.layui 캡처 양식 데이터
관련 동영상 튜토리얼:
1.JavaScript 빠른 시작_옥소녀심경 시리즈#🎜 🎜 #
위 내용은 Layui에서 게시물을 제출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!