delete table row using jQuery within ajax statement

Question

I want to delete a row from the table, but the success part of ajax does not execute.

function fn_delete() {
    $("a.delete").click(function () {
        idProduct = $(this).parents("tr").find("td").eq(1).html();
        $.ajax({
            type: "POST",
            url: "DeleteProduct",
            data: { idProduct },
            success: function () {
                $(this).parents("tr").fadeOut("normal", function () {
                $(this).remove();
            }
        });
    });
};

David Hedlund · Accepted Answer · 2017-09-29 15:33:57Z

1

this inside your success callback will not be the same as this in the code that makes the ajax call, unless you explicitly set the context:

$.ajax({
  context: this,
  data: ...
});

answered Sep 29, 2017 at 15:33

David Hedlund

130k33 gold badges205 silver badges223 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Grizzly · Accepted Answer · 2017-09-29 15:34:25Z

0

I don't think this is giving the value that you're expecting.

Try this:

function fn_delete() {
$("a.delete").click(function () {
    idProduct = $(this).parents("tr").find("td").eq(1).html();
    var myRow = $(this).parents("tr");
    $.ajax({
        type: "POST",
        url: "DeleteProduct",
        data: { idProduct },
        success: function () {
                $(this).parents("tr").fadeOut("normal", function () {
                myRow.remove();
            });
        }
    });
});

answered Sep 29, 2017 at 15:34

Grizzly

5,9559 gold badges63 silver badges117 bronze badges

Collectives™ on Stack Overflow

delete table row using jQuery within ajax statement

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related