通过动态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" 
    }  
    ]; 

此下拉列表必须是动态的，所以现在我正在做一个虚拟的JSONW¯¯第i这些值

  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