javascript - 将动态 json 传递给 ddslick js 插件

Question

有人知道如何将动态生成的 json 传递给 js 插件

我正在使用 DDslick js 插件制作动态下拉列表

http://designwithpc.com/Plugins/ddSlick#demo

DDslick 中的项目以 json 格式硬编码，如下所示

    var ddData = [
     {
    text: "Facebook",
    value: 1,
    selected: false,
    description: "Description with Facebook",
    imageSrc: "xxxxx"
    },
    {
    text: "Twitter",
    value: 2,
    selected: false,
    description: "Description with Twitter",
    imageSrc: "xxxxx"
     }      
    ];

这个下拉列表必须是动态的，所以现在我正在使用这些值创建一个虚拟 json

            JSONObject json = new JSONObject();
            JSONObject json2 = new JSONObject();
            try {
                json.put("text", "xxxxx");
                json.put("value", "xxxx");
                json.put("description", "xxxx-xxxx-xxxx");
                json.put("imageSrc", "xxxxx");
                json2.put("text", "aaaa");
                json2.put("value", "aaaa");
                json2.put("description", "aaaa-aaaa-aaaa");
                json2.put("imageSrc", "aaaa");
            } catch (JSONException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
             string output = json.toString()+","+json2.toString();

并在jsp上将输出提供给插件，但这些都不起作用，下拉列表不可见

             var ddData = eval("${output}");
             var ddData = "${output}";
             var ddData = ["${output}"];

如果我在 jsp 中硬编码相同的字符串输出，它就可以工作

var ddData = [
    {"text":"xxx","imageSrc":"xxxx","description":"xxxx-xxxx-xxx","value":"xx"},
    {"text":"aaaa","imageSrc":"aaaa","description":"aaaa-aaaa-aaaa","value":"aaaa"}
];

Answer 1

尝试:

    var ddData = JSON.parse( output );

参见:http://www.w3schools.com/js/js_json.asp