Question

我尝试使用Javascript在页面之间传递数据，我需要解码一对将从Page1传递到Page2的数字。包含该数字的数组是从JSON.parse请求到AJAX文件的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('');
}, '');

};

Answer 4

确保传递给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

encodeURIComponent不使用数组

4 个答案: