javascript - How to pass data from server to page -

i have web site in turn has few pages rich user experience.

in order populate javascript data, 'render' text html page in following way:

<script>      var _data = [           new bigdataobject(22022,{}),           new bigdataobject(30007,               {                   "m":new childobject(25235,2,296),                   "d":new childobject(25235,1,296),                   "e":new childobject(25235,4,148)               })           ];      ... use _data object in js functions </script> 

things work well.

but need transfer data backend via ajax call-backs preferably using same 'strings' pass data. problem don't know how parse object back.

problem #1: transfer strings same way , parse convert them objects using eval(), heard 'eval' usage insecure , should avoided..

problem #2: cannot use json.parse because string i've written above not valid json string.

to resolve change way generate data , use json data instead of imperative instructions.

problem #3: in case need make properties of both bigdataobject , childobject public. avoid.

question: how implement data transferring can hide 'setters' objects properties , use 'safe' approach

i custom object response, not using bigdataobject or childobject.

this way generate response protect actual model, @ same time generate proper json object can use jquery.parsejson() function.