前端 Ajax请求 unable to decode value

约定不等于承诺〃 2022-05-20 03:06 118阅读 0赞

### 前言 ###

开发中，负责的商品这一块，添加和修改商品规格时，如果添加的规格种含有特殊字符，如：`%`,`$`，比如：酒，可能有一个`度数`这个规格，值为：`56%`。这个时候，ajax请求传入参数，就会报`unable to decode value`错误。

### 解决办法 ###

将字符串用[encodeURI函数][encodeURI]进行编码，再进行ajax请求，就ok了。

### 贴上代码 ###

function addOrUpdateGoods(flag){ 
           // 弹窗提示
           wybc.alert({
               text: '确认添加商品吗？',
           }, function ($modal) { 
               var url = "";
               if(flag){
                   url = "a_goods";
               }else{
                   url = "u_goods";
               }
               var $formData = $("#goodsInfoForm").serialize();
               // console.log(encodeURI(submitSpecBtn()))
               //encodeURI() 函数可把字符串作为 URI 进行编码。 submitSpecBtn()返回的是一个JSON.stringify(specTableAllData)转的json字符串，specTableAllData是数组[]
               //这里submitSpecBtn()函数返货的字符串中如果有$，%等特殊字符，ajax请求时会报错：“unable to decode value”，所以用encodeURI()进行编码
                $formData = $formData +"&"+"specStrData=" + encodeURI(submitSpecBtn());
               $.ajax({
                   url: url,
                   method: "post",
                   data: $formData,
                   success: function(res){ 
                       $modal.modal('hide');
                       if(res.errorCode){
                           wybc.tips({text: res.msg,lasting: true});
                           return;
                       }
                       setTimeout(function(){ 
                           tx.aside_ajax('g_source_goods_config');
                       },400);
                   },
                   error: function () { 
                       $modal.modal('hide');
                   }
               })
           });
    }
    
    // 提交规格表格数据
    function submitSpecBtn() { 
        //判断添加商品所有规格值名称均不能相同 重要
        var _specValueAll = [];
        $("input[name='specValue']").each(function () { 
        var _specValue = $(this).val();
        _specValueAll.push(_specValue);
             });
    
         var nary = _specValueAll.sort();
    
         for(var i = 0; i < _specValueAll.length; i++) {
             if (nary[i] == nary[i + 1]) {
                 alert("商品规格重复内容：" + nary[i]);
                 return false;
             }
         }
         var specTableAllData = []; //表格数组
         $("#specTbody tr").each(function (trindex, tritem) {  //遍历每一行
             var specTableObj = {}; // 表格对象、将表格的每一行当成一个对象
             $(tritem).find("input").each(function (tdindex, tditem) { 
                 console.log("tdindex:" + tdindex);
                 switch (tdindex)
                 {
                     case 0:
                         specTableObj.goodsSpecIdA = $(tditem).val();
                // 处理规格图
                var _imgSrc = $(tditem).attr("data-img");
                if (_imgSrc == undefined || _imgSrc == "undefined") {
                             specTableObj.specImg = null;
                } else {
                             specTableObj.specImg = $(tditem).attr("data-img");
                }
                         break;
                     case 1:specTableObj.goodsSpecValueA = $(tditem).val();
                         break;
                     case 2:specTableObj.goodsSpecIdB = $(tditem).val();
                         break;
                     case 3:specTableObj.goodsSpecValueB = $(tditem).val();
                         break;
                     case 4:specTableObj.goodsSpecIdC = $(tditem).val();
                         break;
                     case 5:specTableObj.goodsSpecValueC = $(tditem).val();
                         break;
                     case 6:specTableObj.amount = $(tditem).val();
                         break;
                 }
             });
             specTableAllData.push(specTableObj);
         });
         return JSON.stringify(specTableAllData);
    }

[encodeURI]: http://www.runoob.com/jsref/jsref-encodeuri.html

发表评论取消回复

表情：

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

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

相关阅读

相关原生ajax请求之前端

前端发送ajax请求，并采用restful风格。 var xhr = createXHR(); xhr.onreadystatech

柔情只为你懂/ 2023年10月09日 11:45/ 0 赞/ 16 阅读

相关 QT QSqlError(“2036“, “QMYSQL3: Unable to bind value“）解决

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录完整问题描述一、tableView控件插入数据失败 1.错误描述

ゞ浴缸里的玫瑰/ 2022年12月27日 01:42/ 0 赞/ 105 阅读

相关 Parcel: unable to marshal value 解决方法

Parcel: unable to marshal value 异常通常出现在两个 Activity 传递 Lis t时。解决办法：自定义的 javaBean imple

╰+哭是因爲堅強的太久メ/ 2022年10月10日 01:30/ 0 赞/ 98 阅读

相关 FAIL util: Unable to load MAD decoder library (libmad)

问题： windows系统上安装sox音频处理软件之后，分析mp3文件报错“FAIL util: Unable to load MAD dec

深碍√TFBOYSˉ_/ 2022年09月15日 11:53/ 0 赞/ 114 阅读

相关前端Ajax请求、HTTP POST请求、HTTP GET请求示例

Ajax请求用法一 function check() { //定义变量sendData var sendData ={ id:"12

ゝ一纸荒年。/ 2022年05月26日 04:10/ 0 赞/ 271 阅读

相关前端 Ajax请求 unable to decode value

前言开发中，负责的商品这一块，添加和修改商品规格时，如果添加的规格种含有特殊字符，如：`%`,`$`，比如：酒，可能有一个`度数`这个规格，值为：`56%`。这个时候，

约定不等于承诺〃/ 2022年05月20日 03:06/ 0 赞/ 119 阅读

相关 ajax请求返回map，前端获取结果

因业务需求，今天需要ajax请求的时候从后端返回一个map，但是问题是怎么在前端取值，这个以前遇到过，以为会比较简单，但是百度很多答案都不完整，导致没有办法借鉴。这里做下记录

迷南。/ 2022年04月18日 00:56/ 0 赞/ 242 阅读

相关 Django之前端ajax请求数据

POST请求： $.ajax({ type:'POST', url:'{% url 'operations:user_ask'

野性酷女/ 2022年01月12日 10:19/ 0 赞/ 194 阅读

相关前端Ajax请求超时处理

1、步骤解析：第一步：将网络请求事件赋值给变量ajaxTimeOut 第二步：通过设置timeout属性值，来定义超时时间第三步：通过complete中的st

女爷i/ 2021年12月11日 14:31/ 0 赞/ 1891 阅读

相关爬虫提交form表单中含有(unable to decode value)解决方法

在一次抓取网站的过程中，使用chrome调试时，发现一个参数为:(unable to decode value),经过多方尝试，发现是网页编码问题，在返回的网页源代码中可以看到

缺乏、安全感/ 2021年09月18日 12:38/ 0 赞/ 217 阅读