layUi数据表格绑定返回数据类型不正确问题

在这里插入图片描述
出现这样的问题,可能是json数据转化格式有问题
我用的是response参数
所以我的后台数据代码如下:

private FootWorker footWorker=new FootWorker();
	private FootWorkerDao footWorkerDao=new FootWorkerDao();
	
	public String findWorkerByWname() {
		Map<String, Object> map = new HashMap<String, Object>();
		PageBean pageBean=new PageBean();
		pageBean.setRequest(request);
		try {
			
			List<Map<String, Object>> list=footWorkerDao.findWorkerByWname(request.getParameterMap(), pageBean);
			//以下code,total,data在前端js代码中写一致的字段
			map.put("code", 0);
			map.put("total", pageBean.getTotal());
			map.put("data", list);
			//System.out.println(list.size());
			ObjectMapper objectMapper=new ObjectMapper();
			ResponseUtil.write(response, objectMapper.writeValueAsString(map));
			
			
		} catch (Exception e) {
			e.printStackTrace();
		}
		return "list";
	}
	

ResponseUtil代码:

package com.hsl.util;

import java.io.PrintWriter;

import javax.servlet.http.HttpServletResponse;

public class ResponseUtil {

	public static void write(HttpServletResponse response,Object o)throws Exception{
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out=response.getWriter();
		out.println(o.toString());
		out.flush();
		out.close();
	}
}

前台js代码如下:

layui.use(['layer', 'form','table'], function(){
var layer = layui.layer
,form = layui.form
,table = layui.table;
var ip=document.getElementById("ip").value;

table.render({
	elem:'#wtb'//表格id
		,url:ip+'/sy/worker_findWorkerByWname.action'//所对应调用的接口
		,method:'post'
		,page:'true'//分页
		, id: 'idTest'
		,response: {//
		   code:'code',
		   total:'total',
		   data:'data'
		      } 
	  ,cols: [[ //标题栏
	    {type: 'checkbox', fixed: 'left'} 
	    ,{field: 'wid', title: '员工编号', width: 110, sort:true,fixed:true}
	    ,{field: 'wname', title: '员工姓名',width: 110}
	    ,{field: 'wsex', title: '员工性别', width: 110}
	    ,{field: 'wage', title: '员工年龄', width: 110}
	    ,{field: 'wnum', title: '员工电话', width: 110}
	    ,{field: 'wjob', title: '员工职位', width: 110}
	    ,{field: 'wsalary', title: '员工薪资', width: 110}
	    ,{fixed: 'right', title:'操作', width: 110, align:'center', toolbar: '#barDemo'}
	  ]]
	  
	});
// console.log(11);
layer.msg('欢迎来到食居后台系统');


});

结果如下:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值