javascript - 访问 JSON 数据结果中的键值对

Question

我不需要访问 JSON 数据，所以我有点困惑。我已经使用 JSON 格式化程序验证了数据，它是有效的，所以我知道这很好。

我想做的就是检索数据并填充选择框(特别是 x-可编辑)。

在此示例中，他们提供:

$('#id').editable({
    source: [
        {value: 1, text: 'Male'},
        {value: 2, text: 'Female'}
    ]
});

是的，我可以将 50 个州放入其中，但我想对我计划实现的其他选择框使用相同的方法。

这是我当前从 JSON 调用返回的数据源:

{
"data": [{
    "stateID": 1,
    "stateAbbr": "AL",
    "state": "Alabama"
}, {
    "stateID": 2,
    "stateAbbr": "AK",
    "state": "Alaska"
}, {
    "stateID": 3,
    "stateAbbr": "AZ",
    "state": "Arizona"
}, {
    "stateID": 51,
    "stateAbbr": "WY",
    "state": "Wyoming"
}]}    

我正在使用的函数片段是:

$.getJSON("test.html?format=json",function(data){
    statesArr = statesArr.concat(data);
});

理想情况下，我想让 statesArr 看起来像这样:

source: [
        {value: 1, text: 'Alabama'},
        {value: 2, text: 'Alaska'},
        ...
        {value:50, text: 'Wyoming'}
    ]

但我不知道从这里该做什么。数据源的格式 {"data 让我很失望。我习惯于获取与 X-Editable 正在寻找的数据非常相似的数据。

Answer 1

我在这里假设 resp 是响应。 resp 有 data 属性。如果我误解了您的意思，请告诉我。

var statesArr;
$.getJSON('test.html?format=json', function(resp){
    statesArr = resp.data.map(function(state){
        return {
            value: state.stateID,
            text: state.state
        }
    });
});

/* somewhere else later; make sure that statesArr is set */
$('#id').editable({
    source: statesArr
});