使用Jquery以适当的格式构造JSON

时间:2015-03-17 08:26:25

标签: javascript jquery json x-editable

我正在尝试将动态创建的JSON输出重新格式化为可由x-editable select type source []使用的格式。我需要帮助构建数组,以便重新格式化的JSON输出如下所示:

{value: 2, name: 'Maintenance'},

以下是我正在使用的原始JSON示例:

{"COLUMNS":["SECTIONCOMMONNAME"],"DATA":[["Aircraft Overview"],["Email Server Settings"],["Maintenance"],["Page Sections"],["WOW"]]}

我使用的代码是:

$(document).ready(function () {
var myURL = 'https://api.myjson.com/bins/3nzdj';
var myarray = [];

$.ajax({
    url: myURL,
    dataType: 'json',
    success: function (e) {
        console.log('My created console output:' +'<br>');
        $.each(e.DATA, function (i, jsonDataElem) {

            console.log("{value: " + i + ', ' + "name: " + '"'+this+"'}");
            var item = {
                "value": i,
                    "name": this
            };
            myarray.push(item);
        });
        var newJson = JSON.stringify(myarray);
        console.log('My stringify output:' +'<br>' +newJson);
    }
});

$('.sectionsAvailable').editable({
    name: 'template',
    type: 'select',
    placement: 'right',
    send: 'always',
    value: 1,
    source: [], //newJson (my new var)

    /* should be in this format:
     source: [{
        value: 1,
        text: 'text1'
    }, {
        value: 2,
        text: 'text2'
    }]*/

});


};

});

stringify之后,输出结束,但不起作用。它看起来像这样:

{"value":2,"name":["Maintenance"]}

并且需要看起来像这个

{value:2,name:'Maintenance'},

这是显示输出的JSfiddle

2 个答案:

答案 0 :(得分:2)

似乎你在索引0分配完整的数组而不是值,试试这个

 var item = {
              "value": i,
              "name": this[0] // gives elemnt at index 0
            };
  myarray.push(item);

FIDDLE

答案 1 :(得分:0)

我能够回答我自己的问题。可能有更好的方法,但这有效:

var myURL = 'https://api.myjson.com/bins/3nzdj';
$.getJSON(myURL, function(data) {
var output = '';
  $.each(data.DATA, function(key, val) {
    output +='{value: ';
    output += "'"+key+"'";
    output +=',text:';
    output += "'"+val+"'";
    output +='}';
    output +=',';
});
    var outputAdapted = '['+output+']'
$('.sectionsAvailable').editable({
    name: 'template',
    type: 'select',
    placement: 'right',
    send: 'always',
    value: 1,
     // should be in this format:
     source: 
     function() {
      return outputAdapted;
     },
 });
}); 

我的FIDDLE我希望这可以帮助别人。