場景

在企業(yè)架構(gòu)管理中，可以實現(xiàn)啟用和禁用功能。

在啟用或者禁用前需要先驗證是否已經(jīng)是啟用或禁用狀態(tài)。

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

后臺根據(jù)Id查詢狀態(tài)，然后返回給前端數(shù)據(jù)與狀態(tài)，前端進(jìn)行判斷顯示。

實現(xiàn)

頁面點擊按鈕觸發(fā)事件

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

在jquery中的方法中

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

后臺Controller對應(yīng)方法

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

其中Json是封裝的返回數(shù)據(jù)類

package com.ws.sys.vo;import lombok.Data;import java.io.Serializable;@Data public class Json implements Serializable {//默認(rèn)未失敗狀態(tài)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;} }

效果

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。