How to replace text of element after AJAX request using Jquery

Question

I'm using Jquery V1.11.1 and I want to replace a cell in a HTML table after a Jquery AJAX request. I want the result in the cell.

    $(".permission").click(function(e) {
    var acoPath = $(this).siblings('th').text();
    var rowsLeft = $(this).prevUntil("th").length;
    var aroGroup = $('.aro').eq(rowsLeft).text();

    $.ajax({
        url: "/permissions/update",
        type: "POST",
        data: { aco : acoPath, aro : aroGroup },
        cache: false,
        dataType: "HTML",
        success: function (html) {
            $(this).html(html);
        }
        });
    });
});

When I click on the text in the desired cell, nothing is replaced. How can i fix this?

Milind Anantwar · Accepted Answer · 2014-06-25 14:23:05Z

5

You need to set the context in ajax call to current object. You can use context option from ajax to do that:

context: this,

Modified ajax call:

$.ajax({
    url: "/permissions/update",
    type: "POST",
    context: this,
    data: { aco : acoPath, aro : aroGroup },
    cache: false,
    dataType: "HTML",
    success: function (html) {
        $(this).html(html);
    }
    });

answered Jun 25, 2014 at 14:23

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

Comments

Anonymoose · Accepted Answer · 2014-06-25 14:22:54Z

1

Your context has changed. in the 'click' function this referce to the button. But in the callback function the context has changed. You should save the context to a variable first (var self).

$(".permission").click(function(e) {
var acoPath = $(this).siblings('th').text();
var rowsLeft = $(this).prevUntil("th").length;
var aroGroup = $('.aro').eq(rowsLeft).text();
var self = this;

$.ajax({
    url: "/permissions/update",
    type: "POST",
    data: { aco : acoPath, aro : aroGroup },
    cache: false,
    dataType: "HTML",
    success: function (html) {
        self.html(html);
    }
    });
});

});

answered Jun 25, 2014 at 14:22

Anonymoose

2,5017 gold badges40 silver badges71 bronze badges

Collectives™ on Stack Overflow

How to replace text of element after AJAX request using Jquery

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