pass json data through evalJavaScript

answered 2016-09-23 00:38:45 +0800

takumi
12 ● 3

At first, I implement server side and zul javascript as below. Then, c3.generate() failed, and the alert() shows message with backslach like a "{\"clock\":[142232".

Server side code:

public void putJSON()
{
    JSONArray clockArray = new JSONArray();
    JSONArray valArray = new JSONArray();

    Integer aClock[] =   { 14324111, 14223244, 1422324};
    Integer aValue[] =   { 2752,     2704,     2576};

    int nMax = aClock.length;
    for( int i = 0; i < nMax; ++i){
        clockArray.add( aClock[ i]);
        valArray.add( aValue[ i]);
    }

    JSONObject json = new JSONObject();
    json.put( "clock", clockArray);
    json.put( "eth0in", valArray);

    Clients.evalJavaScript( "do_hook('" + json.toJSONString() + "');");
}

zul javascript function

function do_hook( jdata)
{
    alert( "debug = " + JSON.stringify( json));
    var  chart = c3.generate( {
        bindto: d3.select( '#chart'),
        data: {
            x: 'clock',
            y: 'eth0in',
            json: jdata,
            ....
            ....

Root cause is that argument of do_hook() was String but, I treat it as JSON structure. So, I changed do_hook() function as below and it works.

function do_hook( jdata_arg)
{
    alert( "debug = " + JSON.stringify( json));
    jdata = JSON.parse( jdata_arg);     // add this line
    var  chart = c3.generate( {
        bindto: d3.select( '#chart'),
        data: {
            x: 'clock',
            y: 'eth0in',
            json: jdata,
            ....
            ....