Vue axios異步獲取后台數據alert提示undefined


記錄一個小問題,關於分頁查詢套餐

前台通過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;
                })
            },    

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM