Question

I would like to add a button into my fancybox which will call a server method.
could you please help me?
I’m using fancyBox2.
thanks

Answer 1

It’s quite simple actually. It’s a plain server call. Lets imagine you want to interrogate the following url (which renders some json) : http://echo.jsontest.com/key/value/one/two

Then you just need to bind the server call on the click event of your button. Something like this:

$.getJSON('http://echo.jsontest.com/key/value/one/two', function(data) {
    var items = [];
    $.each(data, function(key, val) {
        items.push('<li>' + key + ':' + val + '</li>');
    });

    $('<ul/>', {
        html: items.join('')
    }).appendTo('#myId');
});

Or a plain ajax call, if you request something else than json : http://api.jquery.com/jQuery.ajax/

You can find a functional sample here : http://jsfiddle.net/xavier_seignard/2MDpe/2/

I think you’ll have all the keys you need.

Regards