how can I cache DOM element in localstorage?

Question

1.00/5 (1 vote)

See more:

I want to cache xml DOM of a page in localstorage, I store it in an array and convert it into a json string, but i get this error : "Uncaught TypeError: Converting circular structure to JSON "
how can i do this?

[EDIT]
I load an xml file as follow :

C#

	xml = loadXMLDoc(load_link);
 
//...
function loadXMLDoc(dname){
	if (window.ActiveXObject)
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0");
	else <br>
		xmlhttp=new XMLHttpRequest();
					
		xmlhttp.open("GET",dname,false);
		xmlhttp.send("");
		return xmlhttp.responseXML;
	}
	//...
	postInfo[5] = xml;
	post[id] = postInfo;
	localStorage["blogInfo"] = JSON.stringify(post); // in this line i get an exeption

Above code comes from OP's comment - Maciej Los
[/EDIT]

Posted 6-May-14 3:06am

Coder93

Updated 6-May-14 5:40am

Maciej Los

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 6-May-14 10:43am

Please show how you do it, indicate the line throwing the exception.
—SA

Coder93 6-May-14 10:57am

I load an xml file as follow :
xml = loadXMLDoc(load_link);

function loadXMLDoc(dname){
if (window.ActiveXObject)
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0");
else
xmlhttp=new XMLHttpRequest();

xmlhttp.open("GET",dname,false);
xmlhttp.send("");
return xmlhttp.responseXML;
}
...
postInfo[5] = xml;
post[id] = postInfo;
localStorage["blogInfo"] = JSON.stringify(post); --> in this line i get an exeption

Maciej Los 6-May-14 11:42am

Have you seen these:
http://msdn.microsoft.com/en-us/library/1atf1s3b%28v=vs.90%29.aspx
http://msdn.microsoft.com/en-us/library/cc189056%28v=vs.95%29.aspx

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2014-05-06T05:13:00

Solution 1

Thank you for the clarification.

The exception is unrelated to localStorate; you are trying to use it correctly.

The exception is thrown by JSON.strignify. This type of serialization does not support data graphs with circular references (some technologies, such as .NET Data Contract handle such cases easily). You have some circular reference in your data structure referenced by post. You can review the code which forms this structure.

—SA

Posted 6-May-14 5:13am

Sergey Alexandrovich Kryukov

Comments

Coder93 6-May-14 11:18am

The problem is because of storing DOM in post array which i stringyfy with JSON.
so how can i cache DOM ?

Sergey Alexandrovich Kryukov 6-May-14 11:59am

No, the problem is the structure of the array (all arrays and other objects in Javascript are associative containers) post. I already answered. There is no problem with storing a string in localStorage.
—SA

Coder93 6-May-14 12:42pm

when I comment the "postInfo[5] = xml;" I dont get an exception! so other element of an array don't have problem. I think the exception is because of stringify of DOM structure!

Sergey Alexandrovich Kryukov 6-May-14 13:02pm

You tell me! Isn't that exactly the indication of what I am trying to explain you since some time an out ago?
Read again the answer carefully.
—SA