jquery ajax load recursive callback

Question

Here's my jquery function, I'm stuck in a circular callback functions. I'm wondering how do I convert this code to call itself? or is it even possible?

$('#content').load('myurl/items', function() {
    ...
    ...
    $(this).find('form').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'myurl/items',
            context: document.getElementByID('content'),
        }).done(function() {
            $(this).load('/myurl/items', function(){}); // This is recursive
        });    
    }
});

What are you trying to do?

user2182349
– user2182349

2015-04-23 02:49:15 +00:00
Commented Apr 23, 2015 at 2:49 — user2182349
– user2182349, Commented Apr 23, 2015 at 2:49

John S · Accepted Answer · 2015-04-23 02:50:21Z

1

Declare a function:

function loadItems() {
    $('#content').load('myurl/items', function() {
        ...
        ...
        $(this).find('form').submit(function(e) {
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: 'myurl/items',
                context: document.getElementByID('content'),
            }).done(function() {
                loadItems(); // Call the function to continue
            });    
        }
    });
}

loadItems(); // Call the function to start

Of course, the loop will end if the ajax call is ever unsuccessful.

answered Apr 23, 2015 at 2:50

John S

21.5k9 gold badges50 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

jquery ajax load recursive callback

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related