JQuery getJSON导致无限循环

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);
});
});

Answer 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

Answer 2

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

Try this

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