json not saving large amount of data to server

Hassan Siddiqui

Dear reader thanks for your consideration

Here I want to ask Question that i am drawing visio like diagrams by using HTML5 canvas by using fabricjs canvas liabrary.

I drag drop diagrams and then save them into text file on server side. The problem is that i am unable to save the objects more than 114. means when i draw a diagram and save it it will be saved successfully but if i dran approx 50 diagrams it not saved.

i am saving using json.

see the link below

http://prntscr.com/f80dgn

diagrams shown in the above link are saved successfully but when i try to save the data after adding just 1 more diagram it will not save.

the neccessary json code is here.

selectAllObjects(true);

// deactive all the objects (means if some are selected/Highlited will we in normal/deselect mode).

canvas.deactivateAll().renderAll();

var jsonCanvas = canvas.toDatalessJSON();

//alert(jsonCanvas);

var jsonData = JSON.stringify(jsonCanvas);

// alert('Total canvas objects: ' + canvas.getObjects().length);

//alert(jsonData);

// debugger

// $("#savestus").show();

// $("#savestus").html(" Saving...");

$.ajax({

type: "POST",

url: "page2Fabric.aspx/saveJsonData",

data: '{jsondata: "' + encodeURIComponent(jsonData) + '" }', //e

contentType: "application/json; charset=utf-8",

dataType: "json",

success: OnSuccess,

error: OnError

});

The question like me is at .

http://stackoverflow.com/questions/28702533/ajax-call-working-normally-for-small-amt-of-data-but-not-working-for-large-data

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manas Mohapatra9y ago
Accepted answer
Try adding any of below configuarion in web.config:
<system.web>
    <httpRuntime targetFramework="4.5" maxRequestLength="5120" />
system.web>

<appSettings>
    <add key="aspnet:MaxJsonDeserializerMembers" value="150000" />
appSettings>
Note: Increase the value as per your size of data volume.
Hassan Siddiqui9y ago
yes this console shows the number of objects in an array
but how we can relate or compare with 500 000 00 .
means to say that how we will know that these 3 objects using what percentage of 500 000 00 storage capacity?
Manas Mohapatra9y ago
Try below javascript code to know size of JSON:
"text/javascript">

  var myObject = {'name':'Manas', 'address':'India','age': '29'}

  var count = Object.keys(myObject).length;
  console.log(count);

Secondly,
Here you provided maxJsonLength that application can support, if it is more than that it won't work.

If it helps please accept the answer..
Hassan Siddiqui9y ago
Hi @Manas Mohapatra
Thanks for your reply i think your answer is quite right. I have implemented
this below code snipet.
in web.config
And my problem is solved.
but i am confused about the lenght of the maxJsonLength Actually i dont know what is the my json data volume. I have just added above 500 000 00. without knowing the size of may ajax json data lenght. Can you tell me how can i find it.

json not saving large amount of data to server

Hi @Manas Mohapatra