ajax请求url中文字符参数乱码

最新推荐文章于 2021-08-06 08:42:43 发布

奔跑的兔子true

最新推荐文章于 2021-08-06 08:42:43 发布

阅读量648

点赞数

分类专栏： ajax请求url乱码文章标签： ajax url 乱码

本文链接：https://blog.csdn.net/wanghuixiaojuan/article/details/38368509

版权

ajax请求url乱码专栏收录该内容

0 篇文章 0 订阅

订阅专栏

问题描述 ： ajax请求url中如果包含中文字符参数值，后台程序获取的参数值出现乱码问题。

示例代码：

/**

     *判断用电客户安装设备的计量方式：1、高压计量   2、低压计量；加载对应的设备关系图片
     */
    function getMeterLevel(consName){
       $.ajax({
               url:"CONSAnalyse_getMeterLevelFlag.action?cons_name="+consName,    // consName: 南京
               type:'POST',
               dataType:"json",
               error:function(){
                  alert("系统忙，获取数据失败！");
               },
               success:function(data){
                    if(data["result"] == "true"){ //高压计量
                       $(".title2 img ").attr("src","../images/productHighVMeter.png");
                    }else{ //低压计量
                       $(".title2 img ").attr("src","../images/productLowVMeter.png");
                    }
               }
       });

}

原因分析：URL中使用中文等非ASCII的字符造成服务器后台程序解析出现乱码。

解决方式：url中的参数在 data属性中封装，此处字符编码格式使用 utf-8

/**

     *判断用电客户安装设备的计量方式：1、高压计量   2、低压计量；加载对应的设备关系图片
     */
    function getMeterLevel(consName){
       $.ajax({
               url:"CONSAnalyse_getMeterLevelFlag.action",
               type:'POST',

   data:{ "consName": consName},
               dataType:"json",
               error:function(){
                  alert("系统忙，获取数据失败！");
               },
               success:function(data){
                    if(data["result"] == "true"){ //高压计量
                       $(".title2 img ").attr("src","../images/productHighVMeter.png");
                    }else{ //低压计量
                       $(".title2 img ").attr("src","../images/productLowVMeter.png");
                    }
               }
       });

}