当前位置: 首页 > 编程笔记 >

Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码

轩辕鸿祯
2023-03-14
本文向大家介绍Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码,包括了Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码的使用技巧和注意事项,需要的朋友参考一下

 这里是控制器里返回的 

  /** 
   * @param pageUtil   分页工具类 
   * @param cliCorpQuery 查询类 
   * @param model    model 
   * @return String 
   */ 
  @RequestMapping(value = {"/list"}, method = RequestMethod.GET) 
  public String list(PageUtil<CliCorp> pageUtil, CliCorpQuery cliCorpQuery, Model model) { 
    PageUtil<CliCorp> corps; 
    try { 
      corps = corpClientService.queryByPage(pageUtil, cliCorpQuery); 
    } catch (Exception e) { 
      logger.error("queryByPage error:" + e.getMessage()); 
      return "queryByPage error"; 
    } 
    model.addAttribute("corps", corps); 
    return VIEW_PATH + "list"; 
  } 

页面

<tr th:each="corp:${corps.contents}"> 
                    <td><span th:text="${corp.name}"></span></td> 
                    <td><span th:text="${corp.creditCode}"></span></td> 
                    <td><span th:text="${corp.taxNo}"></span></td> 
                    <td><span th:text="${corp.showName}"></span></td> 
                    <td><span th:text="${corp.bank}"></span></td> 
                    <td><span th:text="${corp.bankAccount}"></span></td> 
                    <td><span th:text="${corp.agent}"></span></td> 
                    <td><span th:text="${corp.address}"></span></td> 
                    <td><span th:text="${corp.status}"></span></td> 
                    <td><span th:text="${corp.creator}"></span></td> 
                    <td> 
                      <button type="button" th:onclick="'javascript:check('+${corp.id}+',2)'">审核 
                      </button> 
                      <button type="button" th:onclick="'javascript:check('+${corp.id}+',3)'">拒绝 
                      </button> 
                    </td> 
                  </tr> 

JS

function check(id, status) { 
   $.ajax({ 
     type: "POST", 
     data: {id: id, status: status}, 
     url: "/admin/corp/check", 
     success: function (data) { 
       if (data == "认证成功") { 
         window.location.href = ("/admin/corp/list"); 
       } else { 
         alert("认证失败"); 
       } 
     }, 
     error: function (data) { 
       alert("认证失败"); 
     } 
   }); 
 } 

以上所述是小编给大家介绍的Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍springboot+thymeleaf 文件上传功能的实现代码,包括了springboot+thymeleaf 文件上传功能的实现代码的使用技巧和注意事项,需要的朋友参考一下 pom.xml application.yml index.html 文件上传页面 hello.html 上传成功的页面 controller:  文件上传 测试: 注:目前仅实现了文件的上传 计划补充:文件

  • 本文向大家介绍php给数组赋值的实例方法,包括了php给数组赋值的实例方法的使用技巧和注意事项,需要的朋友参考一下 数组就是一个键值对组成的语言结构,键类似于酒店的房间号,值类似于酒店房间里存储的东西。 如果你去某个酒店住店,服务员会告诉你房间号是多少,具体房间里有存储了什么,那就需要根据房间号进到房间里才知道了。 PHP有两种数组:索引数组、关联数组。索引和关联两个词都是针对数组的键而言的。 P

  • 本文向大家介绍SpringBoot引入Thymeleaf的实现方法,包括了SpringBoot引入Thymeleaf的实现方法的使用技巧和注意事项,需要的朋友参考一下 1.Thymeleaf简介 Thymeleaf是个XML/XHTML/HTML5模板引擎,可以用于Web与非Web应用  Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式,因此也可以用作静态建模,

  • 001/电视购买/约翰·史密斯/真 002/冰箱购买/让·史密斯/假

  • 本文向大家介绍SpringBoot后端接口的实现(看这一篇就够了),包括了SpringBoot后端接口的实现(看这一篇就够了)的使用技巧和注意事项,需要的朋友参考一下 摘要:本文演示如何构建起一个优秀的后端接口体系,体系构建好了自然就有了规范,同时再构建新的后端接口也会十分轻松。 一个后端接口大致分为四个部分组成:接口地址(url)、接口请求方式(get、post等)、请求数据(request)、

  • 我想写一个函数,迭代通过一个帐户列表,每个帐户都有一个相关联的值,并分配该帐户与名称列表中的一个名称。名称列表将有相关联的值,我希望分配的名称是具有最小值的名称。 我想的是迭代帐户列表,看看名字列表。首先看acc1,将其分配给名字列表的最小值。acc1的名字变成杰西卡,杰西卡的总价值被acc1值增强...杰西卡变成27,然后acc2去杰西卡再次使杰西卡35,acc3然后找到马特谁是现在的最小,并相