Request.JSON
sending a JSON request to the jsFiddle backend.
Later on parse and display the data.
HTML
<input id="dashboard" name="dashboard:update" type="text" value="[["<li data-uuid='a9e74cdd-8104-4ff9-aff8-2773180041b6' class='ui-panel ui-widget ui-widget-content ui-corner-all'><div class='handler ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all'><div style='float:right'><button class='ui-button ui-widget ui-state-default ui-corner-all' onclick='Maximize(this)' onmouseover='DashletButtonMouseOver(this)' type='button' style='width: 20px; height: 20px;'><span class='ui-button-icon-left ui-icon ui-c ui-icon-extlink'></span></button> <button class='ui-button ui-widget ui-state-default ui-corner-all' onclick='CallSettingWIDGET(this);return false;' onmouseover='DashletButtonMouseOver(this)' type='button' style='width: 20px; height: 20px;'><span class='ui-button-icon-left ui-icon ui-c ui-icon-gear'></span></button> <button class='ui-button ui-widget ui-state-default ui-corner-all maxa-print-button' onclick='CloseWIDGET(this);return false;' onmouseover='DashletButtonMouseOver(this)' type='button' style='width: 20px; height: 20px;'><span class='ui-button-icon-left ui-icon ui-c ui-icon-close'></span></button> </div></div><iframe scrolling='no' class='dashboard-dashlet-container' frameBorder='0' src='http://localhost:8080/app/rgService/chartRestService#{"uuid":"649724cd-a838-4b5a-9999-34bfd5ad2165","parametersKeyValue":[]}/' type='text/html'></iframe></li>", 10,10,1,1]]" style="display: none" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all WIDGETWIDGETS" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false">
CSS
body {
font-family: Helvetica, Sans, Arial;
}
p, ul {
padding: 10px;
}
ul {
margin: 5px;
border: 2px dashed #999;
}
JavaScript
var val = $("#dashboard").val();
val = val.replace(""","\u0027");
alert(val);
var a=JSON.parse(val.replace("\'",""));
alert(JSON.stringify(a))