json 的数据 到 js数组 是怎么处理的？

 

通过php 获取的数据 如上图

               $.get("read.php", function(json){
                    
                   alert("Data Loaded: " + json);
                });

html js  是要这样的数据  不知道怎么做 求路过的大神帮忙下  感谢！

    var loadData = [{id : 1001,text : "C16\n16.5",color : "rgb(255, 0, 0)",height : 70,width : 77,pageX : 627,pageY : 364},
                    {id : 1002,text : "C17\n16.18",color : "rgb(255, 255, 0)",height : 70,width : 77,pageX : 709,pageY : 364},
                    {id : 1003,text : "C18\n16.08",color : "rgb(128, 0, 128)",height : 70,width : 77,pageX : 790,pageY : 364},
                    {id : 1004,text : "C19\n16.08",color : "rgb(0, 128, 0)",height : 70,width : 77,pageX : 870,pageY : 364},
                    {id : 1005,text : "C20\n16.5",color : "rgb(0, 0, 255)",height : 70,width : 77,pageX : 627,pageY : 439},
                    {id : 1006,text : "C21\n16.18",color : "rgb(255, 165, 0)",height : 70,width : 77,pageX : 709,pageY : 439},
                    {id : 1007,text : "C22\n16.08",color : "rgb(255, 165, 0)",height : 70,width : 77,pageX : 870,pageY : 439},
           
                    {id : 1009,text : "C23\n16.08",color : "rgb(255, 165, 0)",height : 70,width : 77,pageX : 1200,pageY : 439}];
    $.each(loadData, function(i, row){
        createBox(row);
    });