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

亦凉 2022-05-24 06:42 200阅读 0赞

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

菜单如下：  
![这里写图片描述][70]

代码如下：

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

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

[70]: /images/20220524/606143b0ecb445b7bc0085045542b8e7.png
[70 1]: /images/20220524/8f1e58f844fb4cf488d48a19c95e6d67.png

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关如何解决POST请求参数中文乱码问题

如果是 tomcat8.5，可以自动解决GET请求参数乱码问题，但是POST提交仍然存在中文乱码，那么如何解决呢？我们可以设置一个过滤器来进行编码的过滤，将以下配置项配置在

傷城~/ 2024年04月07日 11:42/ 0 赞/ 107 阅读

相关 Request请求参数中文乱码处理

一：两种都通用的解决方法： String username = request.getParameter("username"); 通过request.getPar

╰+哭是因爲堅強的太久メ/ 2024年03月25日 20:42/ 0 赞/ 86 阅读

相关解决jQuery请求URL参数乱码问题

在使用jQuery进行网络请求时，有时会遇到URL参数乱码的问题。本文将为您详细介绍如何解决这个问题，并提供相应的源代码示例。 URL参数乱码是由于URL中包含了非ASCII

亦凉/ 2024年02月25日 05:49/ 0 赞/ 54 阅读

相关 Http GET 请求参数中文乱码

Http GET 请求参数中文乱码两种解决方式第1种：代码里转换 String name = request.getParamter("name");

ゝ一世哀愁。/ 2023年10月01日 15:44/ 0 赞/ 23 阅读

相关请求参数中文乱码问题详细介绍

问题展示: (1)将`req.html`页面的请求方式修改为`get` <!DOCTYPE html> <html lang="en"> <he

今天药忘吃喽~/ 2023年09月25日 17:04/ 0 赞/ 173 阅读

相关 jmeter请求乱码中文乱码

直接上图jmeter请求乱码中文乱码![直接上图][20161021134811110] [20161021134811110]: /images/20220715/960

墨蓝/ 2022年07月15日 15:55/ 0 赞/ 340 阅读

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

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

亦凉/ 2022年05月24日 06:42/ 0 赞/ 201 阅读

相关 jquery json中文乱码

jquery数据请求中文乱码以为是前端的代码的问题，结果是SpringMVC配置问题，配置如下即可 <mvc:annotation-driven>

Bertha 。/ 2022年05月20日 05:35/ 0 赞/ 226 阅读

相关 jQuery地址传参数中文后台乱码

function zanchun(){ var f = document.getElementsByTagName("form")[0]; f.ac

喜欢ヅ旅行/ 2022年05月08日 15:48/ 0 赞/ 256 阅读

相关 postman get 请求参数中文乱码

\\问题：\\在我们使用postman进行请求的时候，对于get请求带有参数的情况，postman并不会自动帮我们进行编码的转换，因此后台拿到的请求参数是有问题的，为了解决这个

Bertha 。/ 2022年03月20日 02:30/ 0 赞/ 443 阅读