1. 程式人生 > >Axios-傳送GET請求

Axios-傳送GET請求

前端:

 //從伺服器讀取資料
         loadData: function(pageNum, pageSize){                    
              debugger;
             axios.get('${ctx}/queryAdminsByPage', 
            {
    params:{ //請求引數  
pageNum : pageNum,
pageSize:pageSize
                   } 
                     }
             ).then(
                 function (params) {
                this.tableData = params.data.tableData;
                this.totalCount = params.data.totalCount;
                 }
             );

         }

後端:因為前端傳遞的引數是json格式的,所以後臺要加上produces = "application/json;charset=utf-8"這句話

,否則後端回報引數找不到錯誤

@RestController
public class ManagerPersonController {

@Autowired
private ManagerPersonService managerPersonService ;

@RequestMapping(value = "/queryAdminsByPage", method = RequestMethod.GET,produces =    "application/json;charset=utf-8"

)  

  public Map<String, Object> queryAdminsByPage( @RequestParam(value="pageNum")int pageNum, @RequestParam(value="pageSize")int pageSize)  {  

Page<AdminInfo> page = managerPersonService.selectAdmins(pageNum, pageSize);

        Map<String, Object> map = new HashMap<String, Object>();

        map.put("tableData", page);
        map.put("totalCount", page.getTotal());
        
        return map;
    } 
}