update json file content with js callback function

Question

I am trying to create line like this one

<script src="https://www.xtradown.com/feeds/posts/default?alt=json-in-script&max-results=200&start-index=5&callback=peter"></script>

using that code

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "https://www.xtradown.com/feeds/posts/default?alt=json-in-script&max-results=200&start-index=5&callback=peter";
    $("body").append(s);

to be able to change it's content like

start-index=5

to any value I want at any time.

the rest of the code is :

<script>
  function peter(e){
    for(i = 0 ; i &lt; e.feed.entry.length ; i++){
        document.write(e.feed.entry[i].title.$t + "<br/>");
    }
  }
</script>

unfortunately, when I executed that code I got this message

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

please help me understanding what is the problem.

You said the rest of the code is. Does that mean that is the code found at the xtradown.com url? Or does that mean you're executing that script sometime later in your webpage? — wizebin
– wizebin, Commented Jun 19, 2018 at 22:46
<script> function peter(e){ for(i = 0 ; i < e.feed.entry.length ; i++){ document.write(e.feed.entry[i].title.$t + "<br/>"); } } </script> — peter hany
– peter hany, Commented Jun 19, 2018 at 22:49
full code ----- <script> function peter(e){ for(i = 0 ; i < e.feed.entry.length ; i++){ document.write(e.feed.entry[i].title.$t + "<br/>"); } } </script> <script> var s = document.createElement("script"); s.type = "text/javascript"; s.src = "xtradown.com/feeds/posts/…"; $("body").append(s); </script> — peter hany
– peter hany, Commented Jun 19, 2018 at 22:50
From what I understand, the peter function already exists on the page and is the callback function to whatever is in the xtradown.com url (you can see it in the query parameters). @peterhany it seems like a round about way of getting a list of the feed, have you tried any other approaches? — Kenneth
– Kenneth, Commented Jun 19, 2018 at 22:54

Kenneth · Accepted Answer · 2018-06-19 22:52:43Z

1

The error you are seeing is coming from the code inside the for loop of the peter function. According to this answer you can't use document.write() once the document has been parsed, which it has in this case. It looks like you are using jQuery, so try using something like

$("body").append($("<p>").text(e.feed.entry[i].title.$t));

That will manipulate the current DOM and should solve the problem you are seeing.

answered Jun 19, 2018 at 22:52

Kenneth

4155 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

update json file content with js callback function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related