程序博客网 > h5微信支付 java

easyui的datagrid表格reload属性传入中文参数乱码问题

来源：互联网发布：h5微信支付 java 编辑：程序博客网时间：2024/05/17 08:09

直接给你们上代码吧：

<%@ page language="java" import="java.util.*" pageEncoding="gbk"
isELIgnored="false" contentType="text/html; charset=gbk"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<title></title>
<base href="<%=basePath%>" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/validator.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/function.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/json2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/work.js"></script>

</head>

<body class="easyui-layout" >

<div data-options="region:'center'" >
<div class="easyui-layout" data-options="border:true,fit:true">
  <div class="easyui-panel" data-options="region:'north',title:'当前位置:泵站管理所 - 下月计划列表',collapsible:true,border:true,collapsed:false" style="height:80px;overflow: hidden" >
   <form id="frmQuery" action="" method="post"   >
    <table id="tableQuery" style="margin: 10px;text-align:right;overflow:hidden">
     <tr>
      <td nowrap="nowrap" ><div><label>标题：</label>
      <input class="easyui-validatebox" type="text" name="title" style="width: 100px"></input>

      </div></td>
      <td nowrap="nowrap"> <div><label>开始时间：</label>
      <input class="easyui-datetimebox" name="startTime" id="startTime" style="width: 140px" data-options="validType:'dateTime'"></input></div></td>
      <td nowrap="nowrap"><div><label>结束时间：</label>
      <input class="easyui-datetimebox" name="endTime" style="width: 140px" data-options="validType:'dateTime'"></input>
      </div></td>


      <td style="text-align:center;" nowrap="nowrap"><div style="width:100px">
      <a href="javascript:queryByParams()" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px">查询</a>
      </div></td>
     </tr>
    </table>
   </form>
  </div>
  <div class="easyui-panel" data-options="region:'center'" >
   <table id="table" >

   </table>

</div>
</div>
</div>

</body>
<script type="text/javascript">
$(document).ready(function(){
$('#table').datagrid({
  id: 'dg',
  title: '下月计划列表',
  idField: 'id',
  fit: true,
  pagination: true,
  rownumbers: true,
  fitColumns: false,
  singleSelect: true,
  checkOnSelect: false,
  selectOnCheck: false,
  striped: true,
  pageSize: 10,
  pageList: [10,30,50],
  url: 'bzgls/next_list.action',

  columns: [[
   {field:'ck', checkbox:true},
   {field: 'title', title: '标题', width: 100},
   {field: 'unit', title: '单位', width: 150 },
   {field: 'plantime', title: '时间', width: 150,formatter: function(value, rec) {
    return formatDate(turnServerDate(value));}}
  ]],
  onBeforeLoad: function(param) {
   param['page'] = $('#table').datagrid('getPager').pagination('options')['pageNumber'];
   param['rows'] = $('#table').datagrid('getPager').pagination('options')['pageSize'];
  }

});

var pager = $('#table').datagrid('getPager');

$(pager).pagination({
  onSelectPage: function(pageNumber, pageSize) {
   queryByParams();
  }
});

});

function queryByParams() {
if (!$('#frmQuery').form('validate')) {
     alert("查询条件有误，请重新输入");
     return;
    }
var params = new Object();
$('#tableQuery').find('input,select').each(function(k, v) {
  if ($(v).attr("name") != undefined) {
   params[$(v).attr('name')] = $.trim($(v).val());
  }
});

$('#table').datagrid('reload', {
  orderBy: 'id',
  json: encodeURI(JSON.stringify(params))
});
$('#table').datagrid('unselectAll');
$('#table').datagrid('uncheckAll');
}

</script>
</html>

重点是看红色部分的内容

在js的方法queryByParams中

特别注意带有下划线的那一行，使用encodeURI进行编码

在后台的action中，

首先得有json这个变量，和它的get、set方法

在使用的时候需要进行处理一下

if(json != null && !"".equals(json)){
   try {
    json = URLDecoder.decode(json, "UTF-8");
   } catch (UnsupportedEncodingException e) {
    e.printStackTrace();
   }
  }

这样得到的json格式的数据就不是乱码了。

0 2

h5微信支付 java

h5微信支付 java

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子捷达王和捷达的区别捷达王图片大众捷达王捷达王改装捷达王和捷达捷达王新车多少钱老款捷达王捷达王排量捷达王04 捷达王拆车件捷达王2011 捷达王方向机捷达王说明书捷达王参数大众捷达王改装捷达王空气流量计大众捷达王图片新款捷达王图片捷达2014款捷达2011款捷达15款捷达16款 2012款捷达前卫捷达车型大全捷达全部车型一汽大众捷达车图片配捷达车钥匙多少钱北京二手捷达车捷达车节温器捷达车装饰品新捷达车二手捷达车出售捷达车二手新款捷达车捷达车正时皮带价格捷达是合资车吗捷达车配钥匙捷达车报价捷达车好不好捷通达了加一捺是什么字