javascript - 如何将 json 数组从 html 文件的脚本部分传递到 javascript 索引?

标签 javascript jquery html arrays json

我在 html 文件中创建了一组 json,我想将其传递给服务器。当我在尝试发布结果之前在控制台中打印出数组时,一切都显示正常。这是我要传递的内容,它包含在一个名为 results 的变量中:

0: {id: 02934, uName: "Ben", favFood: "ice cream"}
1: {id: 02474, uName: "Sam", favFood: "ice cream"}
2: {id: 01582, uName: "Jamie", favFood: "broccoli"}

但是当我进入 req.body 时,我发现我试图传递的数组有 undefined variable : enter image description here

我正在尝试通过如下所示的 jQuery 调用发送数据:

$("#sendResults").click((event) => {
    console.log(results);
    $.ajax({
         url: '/entertimes',
         type: 'POST',
         data: results
    });                    
});

我的目标是以一种易于操作的方式将数据传递到服务器,这意味着如果我键入 console.log(req.body.results[0]),它会在以下位置打印出 json 内容那个点。


注意:如果我将代码更新为下面的代码,我将能够获取 json 数组的字符串,我可能会解析该字符串以获取信息。但是,如果有更简单的方法,我想避免解析它:

$("#sendResults").click((event) => {
    console.log(results);
    $.ajax({
         url: '/entertimes',
         type: 'POST',
         data: {results: JSON.stringify(results)}
    });                    
});

最佳答案

当您从/向服务器和客户端传输数据时,始终采用 json 格式。 json 是一个字符串。发送数据时,应该使用 JSON.stringify() 和 JSON.parse() 来像对象一样使用 json。

https://en.wikipedia.org/wiki/JSON

关于javascript - 如何将 json 数组从 html 文件的脚本部分传递到 javascript 索引?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55465315/

相关文章:

html - 无法让非常小的 div 居中

javascript - 如何从服务器端javascript获取来自不同域的.txt文件并将其获取客户端

javascript - 您可以将变量名称设置为等于另一个变量的值吗?

javascript - 当它不是静态的时候,你如何突出显示键入的文本?

jquery - 将鼠标悬停在 float div 上时无法更改不透明度

javascript - 使用 jquery 拖放

jquery - 在 jQuery Mobile ListView 中水平居中具有不同大小的图像

javascript - 如何阻止 Google reCAPTCHA 显示警报?

javascript - 动态添加输入字段会导致问题

javascript - 将匿名函数传递给 onPanResponderMove