layui 模板引擎

在我接触的项目中，通常用到的前后端交互模板引擎是Layui框架，这个框架非常的简单适用，文档也介绍得一目了然，以下是我在项目中用到的部分代码

一、返回实体类型

$(function(){var id = common.getRequestParam("id");ajax.reques({type:"GET",url:"http://localhost:8080/zbxt/a/noap/hytzbxt/PurchaseHyt/details",data:{"id": id},             success : function(result){console.info(result);layui.laytpl($("#bigs").html()).render({list: [result]}, function(html) {$("#detail_new").html(html);console.info($("#detail_new").html(html));});},error: function() {alert("异步请求失败!");}}) });
})

注意：common.getRequestParam("id"); ajax.reques是我封装了的，前面的文章有介绍，代码。[result]：这个对象返回的是实体

二、返回集合

 $(function () {$(".btn").click(function(){//if($("#postList").find("option:selected").text() == "职位"){param={};param.post = $("#keywords").val();//}
              loadList();});//function loadList(){             ajax.request({type : "get", //jquey是不支持post方式跨域的async:false,url :"http://localhost:8080/zbxt/a/noap/hytzbxt/PurchaseHyt/list", //跨域请求的URLdata:{"notice_type_cg":"pub_zb"},             success : function(result){layui.laytpl($("#big").html()).render({list: result}, function(html) {$("#big_new").html(html);console.info($("#big_new").html(html));});},error: function() {alert("异步请求失败!");}}) });

注意：result：返回的是list集合

最后，有些不懂的，多看看官方文档介绍，地址：https://www.layui.com/doc/

转载于:https://www.cnblogs.com/ztyc/p/10903956.html

layui 模板引擎相关推荐

LayUI模板引擎渲染数据
前端模板引擎介绍接上节Spring boot项目开发实战--(LayUI实现前后端数据交换与定义方法渲染数据) 模板引擎能简化开发,极大提高效率,小编之前使用过JSP和Thymeleaf,以及pyt ...
html 开发中遇到的问题，ajax异步传输，layui模板引擎并重新渲染
1.实际中自己遇到的,比较杂乱绑定点击事件绑定enter事件 html A页面跳转到B页面,并传参.取值 layui模板引擎,渲染样式 Ajax 异步传输数据,动态更新内容绑定点击事件 < ...
怎样存储layui模板引擎后台返回的数据，在需要的时候获取
在项目中遇到一个情况,需要动态获取后台的返回数据,并在前台渲染出来,并且能够根据所点击的不同标签,随时获取对应数据.在网上看到两种方法,一种是写一个动态创建div模板的函数,并将返回值作为参数在其中展 ...
layui模板引擎做动态增加和减少表单
效果显示目录结构代码 <!DOCTYPE html> <html lang="en"><head><meta charset=&quo ...
layui模板引擎laytpl判断为null或为空
<script type="text/html" id="stu_nameTpl">{{# if(d.stu_name==null || d.stu ...
layui模板引擎的使用
1,自定义数据 //发送请求$.ajax({type: "GET", dataType:'json',url: "http://merchant.shys-suda.co ...
Enjoy模板里使用layui模板引擎laytpl
注:https://jfinal.com/share/1023
layui分页和模板引擎
模板引擎 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...
Layui 数据表格toolbar中使用模板引擎templet，当前系统时间比较问题
在layui数据表格展现中,使用toolbar,由于权限的控制,需要使用templet模板引擎语法进行控制,控制逻辑为只有大于当前时间的记录才能撤销. 效果图如下:(当前时间为2018-06-06) ...
Layui框架的分页（laypage）和模板引擎（laytpl）的使用
需求:根据数据信息生成数据分页展示. (注:商品的评论列表,分页使用laypage,评论内容区块显示用laytpl) 思路:首先显示时,先请求数据,获取需要显示数据的总条数.在请求数据成功后,首先进行 ...

layui 模板引擎

layui 模板引擎相关推荐

最新文章

热门文章