Question

I have an AJAX statement like this:

$.ajax({
            type: "POST",
            dataType: 'json',
            url: "DBDeleteList.php",
            data: {listID: listID},
            success: function(html){
                /* Succesfully Updated DB */
                alert( 'Saved!' );
                $(this).parents('li').remove();
                $('#sortableLoader').load('index.php #sortableMenu');
            }
});

It works fine and fires the PHP file and everything, the Database modifications work correctly.

The only problem is that the “success:” part doesn’t ever fire, even if it is successfull.

Thanks for any tips.

Answer 1

You have a return error you are not seeing. You are posting properly to the php, but whatever you are returning back after your post, your ajax call doesnt like. Include something like this after your success function to debug:

error: function (jqXHR, exception) {
    if (jqXHR.status === 0) {
        alert('Not connect.\n Verify Network.');
    } else if (jqXHR.status == 404) {
        alert('Requested page not found. [404]');
    } else if (jqXHR.status == 500) {
        alert('Internal Server Error [500].');
    } else if (exception === 'parsererror') {
        alert('Requested JSON parse failed.');
    } else if (exception === 'timeout') {
        alert('Time out error.');
    } else if (exception === 'abort') {
        alert('Ajax request aborted.');
    } else {
        alert('Uncaught Error.\n' + jqXHR.responseText);
    }
}

also I would use firebug to help see what is happening