欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery发请求传输中文参数乱码问题的解决方案

程序员文章站 2023-08-21 23:06:15
最近在做的需求,涉及到级联查询,需要根据上级下拉框的内容,查询出下级下拉框列表,因为级联只有两级,且后期对表中的数据几乎不会改动,所以我设计的表存的直接是中文。 菜单如下...

最近在做的需求,涉及到级联查询,需要根据上级下拉框的内容,查询出下级下拉框列表,因为级联只有两级,且后期对表中的数据几乎不会改动,所以我设计的表存的直接是中文。

菜单如下:

jQuery发请求传输中文参数乱码问题的解决方案

代码如下:

var url = "${basepath}/institutionconfig/getdepartmentbycenter.do?param=" + center;
$.get(url, function (data) {
 var list = data.data;
 for (var i = 0; i < list.length; i++) {
   departmentselector += "<option value='" + list[i] + "' ";
   if (department && list[i] == department) {
    departmentselector += "selected='selected'";
   }
   departmentselector += ">" + list[i] + "</option>";
 }
 $("#accountdepartmentadd").html(departmentselector);
});

我用的是$.get(url, callback)向后台发送请求的,由于将参数直接以get方式发送,所以浏览器对参数用url编码进行了encode,而后台获取到的参数为:

jQuery发请求传输中文参数乱码问题的解决方案

可以看到,param接收到的是乱码。所以我进行了进一步的处理,即转码:

string center = new string(param.getbytes("iso8859-1"), "utf-8");

这样接收到的就是中文了。

但是这样的做法在测试环境竟然报错了,分析了下原因,发现测试环境接收到的就是正确的中文,转码后反而错了。所以,解决方案应该是改页面的请求。因为使用了get方式导致的参数被编码了,所以改为post请求,post请求会提交原始数据:

var url = "${basepath}/institutionconfig/getdepartmentbycenter.do";
$.ajax({
  url: url,
  data: {"param": center},
  datatype: "json",
  type: "post",
  success: function (data) {
   var list = data.data;
   for (var i = 0; i < list.length; i++) {
    departmentselector += "<option value='" + list[i] + "' ";
    if (department && list[i] == department) {
     departmentselector += "selected='selected'";
    }
    departmentselector += ">" + list[i] + "</option>";
   }
   $("#accountdepartmentadd").html(departmentselector);
  }
 });

总结

以上所述是小编给大家介绍的jquery发请求传输中文参数乱码问题的解决方案,希望对大家有所帮助