Question

How can I get the X,Y co-ords of a JQueryUI draggable object, when it is dropped, and POST them to something (a java servlet) using AJAX?

Im trying to store the location of it in a database, ive got the handler to do that done, Im an okay backend guy, but I suck with JavaScript!

Answer 1

This just includes that AJAX call you might be able to use.

$(".draggable").draggable({
    stop: function(event, ui) {
        var x = ui.position.left;
        var y = ui.position.top;

        $.post("servlet", {
            x: x,
            y: y
        }.success(function() {
            console.log(event+" "+ui+" "+ui.position);
        }.error(function() {
            console.log("FAILED: "+event+" "+ui+" "+ui.position);
        });
    }
});