Как изменить текст при нажати на button?

Question

[Карен Мнацаканян]

Привет всем!
Есть такой код для добавление в сравнение,

var compare = {
    'add': function(product_id) {
        
        $.ajax({
            url: 'index.php?route=product/compare/add',
            type: 'post',
            data: 'product_id=' + product_id,
            dataType: 'json',
            success: function(json) {
                $('.alert').remove();

                if (json['success']) {
                    $('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                    $('#compare-total').html(json['total']);

                    $('html, body').animate({ scrollTop: 0 }, 'slow');
                }
            },
            error: function(xhr, ajaxOptions, thrownError) {
                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });

    },
    'remove': function() {

    }

}

<button class="testcomp" type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');">Добавить к сравнению</button>

При нажатие должен изменить текст buttona на Сравнение со ссылкой на сравнению. Как реализовать ?
Спасибо заранее.

Answer 1

[Владимир Скибин]

У Вас есть "success:" у ajax. Вот в нем и можете сделать: либо полность заменить button на a с теми же стилями и ссылкой, либо в обработчике смотреть на некий флаг у кнопки и делать не ajax а window.location.

Comments

[Карен Мнацаканян]

У Вас есть "success:" у ajax. Вот в нем и можете сделать:

Да так и делаю но никак не работает prntscr.com/gl6i29

[Владимир Скибин]

Карен Мнацаканян, Вот тут Ваш ответ https://developer.mozilla.org/ru/docs/Web/JavaScri...