HTML5 Drag & Drop + Ajax ?

02/12/2016 14:05 .Barone#1
Moinsen, epvp'er. Ich hätte ne frage bezüglich dem Drag & Drop.
Wenn ich das ganze per alertbox ausgeben lasse, ist alles richtig. Die Daten stimmen:
Code:
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
    var thistarget = ev.target.id;
    alert(data+""+thistarget);
    }
Wenn ich das aber jetzt umschreibe und per ajax/post an eine datei senden lassen will, dann passiert nichts. In der ziel.php lasse ich nur die $_POST dumpen, zum testen.

Code:
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
    var thistarget = ev.target.id;
    $.post(
    "ziel.php",
    { ids: data+""+thistarget },
    function(databack) {
    alert(databack);
    }
    );
    }
Hab so leider bis jetzt keine Lösung finden können und hoffe das man mir hier weiterhelfen kann.