v-for给@click传参数失败
解决方法：

把

    
        {{i.roleName}}
        

   最近在改造一个旧系统的时候,前端换成了vue+axios,遇到一个坑,axios发送的请求,Spring MVC的controller里面获取参数失败.

经过查看官方文档后,解决了问题,记录一下:

前端代码(axios):


          fetchJobs: function() {
            //这种赋值操作不可少!
            var _this = this;
            /*原因：
                在请求执行成功后执行回调函数中的内容，
                回调函数处于其它函数的内部this不会与任何对象绑定，为undefined
            */
            var startIndex = (_this.currentPage - 1) * this.pageSize;
            //参数必须这样组装一下 要不然传入的是一个map
            const params = new URLSearchParams();
            params.append("start", startIndex);
            params.append("limit", _this.pageSize);

            instance
              .post("/job/list", params)
              .then(function(response) {
                _this.jobList = response.data.result;
                _this.totalCount = response.data.totalCount;
                console.log(_this.jobList);
              })
              .catch(function(error) {
                console.log(error);
              });
          }

前端代码(vue-resource):

 this.$http.post('http://localhost:8080/job/list', {
                        start: startIndex,
                        limit: this.pageSize
                    },
             {
                 //这句是关键 不可缺少
                 emulateJSON: true
             }
             )
             .then(function (response) {
                        this.jobList = response.data.result;
                        this.totalCount = response.data.totalCount;
                        console.log(this.jobList);
                    })
             .catch(function (error) {
                        console.log(error);
                    });
             }

 

后端代码: 

	String pageNo =request.getParameter("start");
	String pageSize =request.getParameter("limit");

	logger.info("参数获取===============>pageNo:" +pageNo);
	logger.info("参数获取===============>pageSize:" +pageSize);


 

一般而言，get请求是有参数长度限制的，但是post请求没有参数长度限制。但是在实际使用过程中发现ajax请求参数在超过几万个字符之后，在获取java通过getParameter获取参数时，往往数据变成了空值（null），如果是使用spring mvc控制器的话，就会直接抛出异常。经过多次实践之后发现，在ajax post请求参数过长的时候，实际请求到的header中参数格式为“参数名=url编码参数值”，这个时候的一个参考解决方案是通过流形式，自动解析参数，参考代码如下：


@ResponseBody
@RequestMapping(value = "/createMap")
public String createpicture(
/*@RequestParam("editrow") String strEditRow,*/
HttpServletRequest request,
HttpServletResponse response) throws IOException {
String strEditRow=getRequestContentParam(request);

 
return ccp.createPicture(strEditRow,response,childTable);
}
public static String getRequestContentParam(HttpServletRequest request) throws IOException{
String strEditRow="";
request.setCharacterEncoding("utf-8");  
   StringBuilder sb = new StringBuilder();
   BufferedReader reader = request.getReader();
   char[] buff = new char[1024];
   int len;
    while((len = reader.read(buff)) != -1) {
       sb.append(buff,0, len);
       }
    String content =sb.toString();
    if(StringUtil.IsNotNullOrEmpty(content) && content.startsWith("editrow=")){
    content=content.substring(8);
    }
    String ENCODE = "UTF-8"; 
    strEditRow = java.net.URLDecoder.decode(content, ENCODE);
    
    System.out.println(strEditRow);
    return strEditRow;
}

文章参考
http://blog.csdn.net/qian_xiaona/article/details/50888212



问题描述：

今天在开发的过程中，发现$stateParams 无法获取控制器传递过来的参数，代码内容正确，但是就是目标页面$stateParams 对象为空。



问题原因：

在状态控制器中，$stateParams对象只包含那些在状态中定义的参数，因此你不能访问在其他状态或者祖先状态中定义的参数。



解决办法：



1、定义路由

 
//地图搜索公司列表
.state('jobMapList', {
	url: '/job/jobMapList/:lng/:lat',
	templateUrl: 'templates/job/jobMapList.html',
	controller: "jobMapListController"
})



2、控制前跳转到目标页面，并传递参数

 
$state.go("jobMapList",{
	lng:_lng,
	lat:_lat
});



3、在目标页面获取参数

 
function init(){
	//初始化查询条件对象
	$scope.queryCondition={
		"lng":$stateParams.lng,
		"lat":$stateParams.lat
	};
	jobMapListService.findJobByMap($scope);
}