記錄一個小問題,關於分頁查詢套餐
前台通過axios異步請求獲取后台數據alert彈出數據提示undefined
下面有三個bean
PageResult
/**
* 分頁結果封裝對象 */ public class PageResult implements Serializable { //總記錄數 private Long total; //當前頁結果 private List rows;
//get,set方法省略
....
}
QueryPageBean
/** * 封裝查詢條件 */ public class QueryPageBean implements Serializable { //頁碼 private Integer currentPage; //每頁記錄數 private Integer pageSize; //查詢條件 private String queryString; //get,set方法省略
.... }
Result
/** * 封裝返回結果 */ public class Result implements Serializable { //執行結果,true為執行成功 false為執行失敗 private boolean flag; //返回結果信息,主要用於頁面提示信息 private String message; //返回數據 private Object data;
//get,set方法省略
....
}
Controller層
//返回給前台的是一個Result對象 @RequestMapping("/findSetmeal") public Result findSetmeal(@RequestBody QueryPageBean queryPageBean) { try { //service層返回的是一個PageResult對象 PageResult page = setmealService.findPage(queryPageBean); return new Result(true, MessageConstant.QUERY_SETMEALLIST_SUCCESS, page); } catch (Exception e) { return new Result(false, MessageConstant.QUERY_SETMEALLIST_FAIL); } }
前台,獲取后台數據alert提示undefined,紅色代碼為錯誤示例,由於返回的是一個Result對象,Result對PageResult又進行了封裝
//分頁查詢 findPage() { //設置參數 var param = { currentPage: this.pagination.currentPage, pageSize: this.pagination.pageSize, queryString: this.pagination.queryString, }; axios.post("/setMeal/findPage.do", param).then((response) => { // alert(response.data.flag); // alert(response.data.total); // alert(response.data.rows); this.dataList = response.data.rows; this.pagination.total = response.data.total; this.dataList = response.data.data.rows; this.pagination.total = response.data.data.total; }) },