jQuery - 从 JSON Stringify 获取值

我有一个表格，我需要从中获取值：

var formConfig = JSON.stringify($("#bookingform").serializeArray());

返回如下：

[{"name":"client_id","value":"1"},{"name":"consignee_id","value":""},{"name":"client","value":"DAKO"},{"name":"model","value":"2"},{"name":"type","value":"2"},{"name":"temperatur","value":"2"},{"name":"shipper_labels","value":"1"},{"name":"batteri_labels","value":"1"},{"name":"batteri_number","value":"2222"},{"name":"pickup","value":"April 27, 2017 18:25"},{"name":"intern_marks","value":"fdsfads"},{"name":"extern_marks","value":"sadsfdsf"},{"name":"consignee","value":""},{"name":"marks","value":""}]

然后，我需要从 JSON 字符串访问上述值，我使用此函数来：

var confirmBooking = function(element, setting, correct, notcorrect) {
    $('.confirm-booking')
    .find(element)
    .html(setting === 1 ? correct : notcorrect);
};

我的想法是，我可以使用上面的函数：

confirmBooking('.config_batteri', formConfig.client_id, "Yes", "No");

等等..

formConfig.client_id应该返回1，因为这是上面 JSON 字符串中的值。

然而它返回undefined:

console.log(formConfig.client_id); // Returns "undefined"

你需要使用JSON.parse()，使其再次成为常规 JavaScript 对象。

What JSON.stringify()顾名思义，就是将其变成一个字符串。这只是一个表示 JSON 数据的常规字符串。它并没有神奇地具有 JSON 数据属性。

此外serializeArray()返回一个数组{name: ..., value: ...}对象。如果您没有将其转换为 JSON 字符串，则仍然无法通过执行以下操作轻松访问结果formConfig.client_id。你必须循环遍历formConfig数组，找到所需的名称/值对。

从表面上看，如果您只是要在同一脚本中使用 JavaScript 对象（除非您可能要将 JSON 字符串发送到其他地方），则根本不需要将 JavaScript 对象转换为 JSON。

根据OP的评论，我假设OP只想访问特定表单元素的值。使用 jQuery，这可以轻松地通过以下方式完成：

// get the value of the client_id element (assuming it's an input element)
var client_id = $( '#bookingform input[name="client_id"]' ).val();
// call the function
confirmBooking( '.config_batteri', client_id, "Yes", "No" );

如果您想要一个具有所有表单值的对象，请查看中的答案这个问题 https://stackoverflow.com/questions/1184624/convert-form-data-to-javascript-object-with-jquery.