您的位置是:网站首页>Javascript编程Javascript编程

如何解决jquery参数乱码问题

少儿编程网2021-02-19 16:08:08Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介解决jquery参数乱码的方法:1、通过“newString(param.getBytes(iso8859-1),utf-8);”进行转码;2、修改页面的请求为POST请求即可。本教程操作环境:windows7系统、jquery1.10.0版本、Del

版权所有:https://wWw.pxcodeS.com

解决jquery参数乱码的方法:1、通过“new String(param.getBytes("iso8859-1"), "utf-8");”进行转码;2、修改页面的请求为POST请求即可。zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-b5506197d8.css"/>

zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

推荐:jQuery视频教程zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

jQuery发请求传输中文参数乱码zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

**近在做的需求,涉及到级联查询,需要根据上级下拉框的内容,查询出下级下拉框列表,因为级联只有两级,且后期对表中的数据几乎不会改动,所以我设计的表存的直接是中文。zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

菜单如下:
zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

代码如下:zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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,而后台获取到的参数为:
zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

可以看到,param接收到的是乱码。所以我进行了进一步的处理,即转码:zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

String center = new String(param.getBytes("iso8859-1"), "utf-8");

这样接收到的就是中文了。zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

但是这样的做法在测试环境竟然报错了,分析了下原因,发现测试环境接收到的就是正确的中文,转码后反而错了。所以,解决方案应该是改页面的请求。因为使用了GET方式导致的参数被编码了,所以改为POST请求,POST请求会提交原始数据:zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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);
      }
 });

<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-d7a94ec6ab.css" rel="stylesheet"/><link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-ba784fbaf8.css" rel="stylesheet"/>

以上就是如何解决jquery参数乱码问题的详细内容,更多请关注少儿编程网其它相关文章!zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

来源:php中文网zfA少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

版权所有:https://wWw.pxcodeS.com

相关文章:

支持一下 ( )

如何解决jquery参数乱码问题

      匿名评论
    • 评论
    人参与,条评论
    如何解决jquery参数乱码问题

微信公众号

免费视频教程

先知道