JQuery getJSON causing infinite loop

Question

I can't seem to figure out why this block of code causes an infinite loop. I suspect that by update the html elements I am causing the load event to be re-triggered and therefore getJSON is called repeatedly. If that's the case, any suggestions on how to call getJSON when the page (or a specific element loads) without causing the loop?

$("#content").on("load",function(){
$.getJSON(url, function(data) {
$('#div1').html(data.Name);
});
});

nrsharma · Accepted Answer · 2013-11-01 06:25:48Z

1

You can try to load this when the DOM is ready (i.e. the page is rendered completely)

Try this

$(document).ready(function(){
   $.getJSON(url, function(data) {
     $('#div1').html(data.Name);
   });
});

answered Nov 1, 2013 at 6:25

nrsharma

2,5724 gold badges21 silver badges36 bronze badges

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

2 Comments

agolia Over a year ago

I tried using $(document).ready however the result is the same. After the div1 element is changed the ready event fires again which puts it in an infinite loop.

agolia Over a year ago

Disregard my last comment. I found the problem, I was experimenting with setInterval and it seems that was causing loop issue.

pratim_b · Accepted Answer · 2013-11-01 06:20:05Z

1

If you are reloading the content element from $.getJSON , then it will go to infinite loop. I don't know what type is your content element. But I think , dont call it onload. Trigger the JSON call on change of something that you are not going to change inside your $.getJSON

answered Nov 1, 2013 at 6:20

pratim_b

1,22014 silver badges31 bronze badges

Collectives™ on Stack Overflow

JQuery getJSON causing infinite loop

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related