Question

I am strangling when I added my comments with AJAX method of jQuery, after stressful, I want to make this textbox to null

my Ajax method like this :

function AddComments() {
            $(".Comment input[type=text]").keypress(function (e) {
                if (e.which == 13) {
                    var comment = $("#" + this.id).val();
                    var textId = "#" + this.id.replace("txt", "div");
                    $(textId).append(comment);
                    $.ajax({
                        type: "POST",
                        url: "Posts.aspx/AddComments",
                        data: "{'id': '" + this.id.replace("txt", "") + "','comments': '" + comment + "'}",
                        dataType: "json",
                        contentType: "application/json",
                        success: function (response) {
                            $("#" + this.id).val("");
                            //alert(response.d);
                        }
                    });
                }
            });
        }

what I want is on Success, I want make current textbox to NULL

$("#" + this.id).val("");

Answer 1

This is a scoping issue. this in the success handler holds a reference to the window object, not the input the keypress fired on. You just need to cache the input in a variable you can use in the success handler. Try this:

function AddComments() {
    $(".Comment input[type=text]").keypress(function (e) {
        if (e.which == 13) {
            var $input = $(this);
            var comment = $input.val();
            var textId = "#" + this.id.replace("txt", "div");

            $(textId).append(comment);
            $.ajax({
                type: "POST",
                url: "Posts.aspx/AddComments",
                data: "{'id': '" + this.id.replace("txt", "") + "','comments': '" + comment + "'}",
                dataType: "json",
                contentType: "application/json",
                success: function (response) {
                    $input.val("");
                    //alert(response.d);
                }
            });
        }
    });
}