場景

在企業架構管理中，可以實現啟用和禁用功能。

在啟用或者禁用前需要先驗證是否已經是啟用或禁用狀態。

所以在前端Jquery中需要將數據庫中要查詢的id傳遞到后臺。

后臺根據Id查詢狀態，然后返回給前端數據與狀態，前端進行判斷顯示。

實現

頁面點擊按鈕觸發事件

?<button class="btn btn-info " type="button" onclick="validateIsOpen()"><i class="fa fa-trash-o"></i>啟用</button>

在jquery中的方法中

//驗證是否啟用 function validateIsOpen() {//獲取選中的數據的idvar ref = $('#org_tree').jstree(true),sel = ref.get_selected();sel = sel[0];//設置請求的url 與請求參數var url = '/sysEnterpriseOrg/validateIsOpened.do';//這句一定要加，不能只寫data = selvar data = {"id":sel};$.post(url,data).done(function (res) {//請求后的回調方法if(res.status==true){//彈窗提示Swal.fire('無須重復啟用!',res.data,'success')//使跳出方法，不再往下執行return false;}else{//執行相關業務方法---啟用操作orgOpen()}})}

后臺Controller對應方法

@Description("驗證是否是啟用的架構節點")@RequestMapping(value = "/validateIsOpened.do")@ResponseBodypublic Json validateIsOpened(String id){try {Boolean resultDTO = this.mSysEnterpriseOrgService.validateIsOpened(id);//如果為true則返回成功。代表已經啟用if(resultDTO){return Json.getInst().fail();}else{//代表禁用return Json.getInst().success();}} catch (Exception e) {return Json.getInst().fail();}}

其中Json是封裝的返回數據類

package com.ws.sys.vo;import lombok.Data;import java.io.Serializable;@Data public class Json implements Serializable {//默認未失敗狀態private static Json instance;private String msg = "接口訪問失敗";private String title = "失敗提示";private boolean status = false;private int code = 300;private Object data = null;public synchronized static Json getInst() {if(instance==null){instance = new Json();}return instance;}public Json() {super();}public Json success(Object data){this.title = "成功提示";this.msg = "接口訪問成功";this.status = true;this.code = 200;this.data = data;return this;}public Json success(){this.title = "成功提示";this.msg = "接口訪問成功";this.status = true;this.code = 200;this.data = null;return this;}public Json fail(Object data){this.title = "失敗提示";this.msg = "接口訪問失敗";this.status = false;this.code = 300;this.data = data;return this;}public Json fail(){this.title = "失敗提示";this.msg = "接口訪問失敗";this.status = false;this.code = 300;this.data = null;return this;} }

效果

點擊按鈕，成功將參數傳遞到后臺。

后臺處理完之后返回給前端，前端判斷顯示

總結

以上是生活随笔為你收集整理的SpringBoot+Jquery实现前后端数据交互的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。