encodeURIComponent不使用数组

Question

我试图使用Javascript在页面之间传递数据，我需要解码将从Page1传递到Page2的一对数字。包含数字的数组是JSON.parse请求到PHP文件的结果，它查询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;
});

Answer 1

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

$("#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;
       }
}

Answer 2

在我看来，这是最好的。

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))，您将得到原始对象。类似于数组..。

Answer 3

为了生成查询参数，我使用以下方法：

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('');
}, '');

}；