How to use XenForo Ajax to auto-update?

[Jaxel]

This guide shows how to use AJAX to process a form:
http://xenforo.com/community/threads/scratchpad-demonstration-ajax-add-on.8369/

However, what I'm trying to do is not part of a form, just a simple div. I want the div to simply fetch for updates once every 60 seconds. There is no form validation or anything, just a simple fetch with an HTML response.

How would I do this in XenForo?

 

[Jaxel]

So anyone got any ideas? I know how to do this for links outside of XenForo... for instance, this is how I am doing it in XenRio:

setInterval(function() { updateTwitchTV($form,svalue1); }, 60000);
 
function updateJustinTV($form,svalue1)
{
    var timeNow = new Date().valueOf();
    var query = 'http://api.justin.tv/api/stream/list.json?jsonp=?';
    var args = { 'channel':svalue1 };
 
    $.getJSON(query, args, function(data)
    {
        if (data[0]['channel_count'])
        {
            $form.find('.status').html(data[0]['channel']['status']);
            $form.find('.game').html('<b>'+data[0]['channel']['category']+'</b>');
            $form.find('.viewers b').html(data[0]['channel_count']);
            $form.find('.preview .img').css('background-image', 'url("'+data[0]['channel']['screen_cap_url_medium']+'?t='+timeNow+'")');
        }
        else
        {
            $form.find('.viewers b').html('OFFLINE');
        }
    });
}

But I just don't know how to do this for pages within XenForo.

 

[Jaxel]

I've got as far as this.... I just don't know how to get "e"

XenForo.StreamsUpdater = function($form)
{
    setInterval(function()
    {
        $(e.ajaxData.templateHtml).xfInsert('replaceAll', '.streamsSide');
    }, 60000);
}

"e" should contain the noRedirect response from: http://8wayrun.com/streams/streams

How do I tell the javascript to go to that URL and fetch the data?

 

[Jaxel]

Okay, I got it working for now... through a workaround... seems kinda dumb though...

I wrapped the div I wanted to update in a FORM... then I simply set the interval to automatically submit the form every 60 seconds...

    XenForo.StreamsUpdater = function($form)
    {
        setInterval(function() { $form.submit(); }, 60000);
 
        $form.bind('AutoValidationComplete', function(e)
        {
            if (e.ajaxData.templateHtml)
            {
                $(e.ajaxData.templateHtml).xfInsert('replaceAll', '.streamsSide');
            }
        });
    }