encodeuriccomponent不能与数组一起工作

encodeURIComponent not working with array

本文关键字：一起 工作 数组 不能 encodeuriccomponent      更新时间：2023-09-26

我试图使用Javascript在页面之间传递数据，我需要解码一对将从Page1传递到Page2的数字。包含数字的数组是AJAX请求PHP文件的JSON.parse结果，该文件查询SQL DB(您现在可以释放您的呼吸)。

response = '[{"id":"3","course_category":"Dancing & Fitness"}, {"id":"2","course_category":"Fighting"}]';
var myArray = JSON.parse(response);
console.log(myArray[1]['id']);
var foo = encodeURIComponent(myArray[1]['id']);
console.log(foo);

编码总是显示

Uncaught TypeError: Cannot read property 'id' of undefined

这很有趣，因为第一个console.log总是返回一个正确的数字。我也试过这样做

var foo=encodeURIComponent(myArray[1]['id']).toString();

但运气不好。我做错了什么?

示例JSON解析数据

console.log(myArray[0]['id']) //-->shows 3

处理ChangePageEvent的函数

$("#el" + (myArray[i].id).on("click", function () {
    var url = "single_course_page.html?idcat=" + encodeURIComponent(myArray[i].id);
    window.location.href = url;
});

我解决了。这是一个回调函数的问题。我像这样修改了点击处理程序。

$("#el"+myArray[1].id).on("click", changePagePassingData(id));

function changePagePassingData(id){
return function(){
    var url = "single_course_page.html?idcat=" + encodeURIComponent(id);
        window.location.href = url;
       }
}

我认为这是最好的。

var obj={"test":"teser", confs:["fdf","dfg"]};
var url=encodeURIComponent(JSON.stringify(obj));
现在

url="%7B%22test%22%3A%22teser%22%2C%22confs%22%3A%5B%22fdf%22%2C%22dfg%22%5D%7D"

如果你做JSON.parse(decodeURIComponent(url))，你会得到原始对象。对于数组也是如此。

对于生成查询参数，我使用以下命令:

export const objectToQuerystring = (obj: Dictionary<any>, encode = true): string => {
const doEncode = (val: any) : any => {
    if(encode) return encodeURIComponent(val);
    return val;
}
return Object.keys(obj).reduce((str, key, i) => {
    key = doEncode(key);
    const delimiter = i === 0 ? '?' : '&';
    if(Array.isArray(obj[key])){
        const keyAndVal = obj[key].map((v, i )=> `${i === 0 ? delimiter : '&'}${key}=${doEncode(v)}`).join('')
        return [str, keyAndVal].join('');
    }
    const val = doEncode(obj[key]);
    return [str, delimiter, key, '=', val].join('');
}, '');

};

确保传递给parse方法的是字符串:

JSON.parse('STRINGIFIED OBJECT') //Takes a string

你不能JSON.parse([anArray]);

这时你可以用点表示法访问数组的第一个索引:

var myarray = JSON.parse('[{"id":"3","course_category":"Dancing & Fitness"},{"id":"2","course_category":"Fighting"}]');
myarray[0].id //Outputs 3
myarray[1].id //Outputs 2
相关文章：