如何解决jquery参数乱码问题-js教程-PHP中文网

如何解决jquery参数乱码问题

藏色散人

发布： 2021-01-12 09:01:29

原创

2634人浏览过

解决jquery参数乱码的方法：1、通过“new String(param.getBytes("iso8859-1"), "utf-8");”进行转码；2、修改页面的请求为POST请求即可。

如何解决jquery参数乱码问题

本教程操作环境：windows7系统、jquery1.10.0版本、Dell G3电脑。

推荐：jQuery视频教程

jQuery发请求传输中文参数乱码

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

菜单如下：
这里写图片描述

代码如下：

企业网站通用源码1.0

企业网站通用源码是以aspcms作为核心进行开发的asp企业网站源码。企业网站通用源码是一套界面设计非常漂亮的企业网站源码，是2016年下半年的又一力作，适合大部分的企业在制作网站是参考或使用，源码亲测完整可用，没有任何功能限制，程序内核使用的是aspcms，如果有不懂的地方或者有不会用的地方可以搜索aspcms的相关技术问题来解决。网站UI虽然不是特别细腻，但是网站整体格调非常立体，尤其是通观全

查看详情

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，而后台获取到的参数为：
这里写图片描述

可以看到，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);
      }
 });

登录后复制