JQuery AJAX вызов для нескольких событий нажатия кнопки

Question

Ниже приведен мой сгенерированный HTML-код.У меня возникли некоторые проблемы, связанные с тем, каким должен быть код jquery для запуска ajax-запроса, когда пользователь нажимает кнопку активации.1005 *

Хотя я знаю, что мой jquery не работает, я немного озадачен ... любая помощь будет принята с благодарностью.Как я уже сказал, я пытаюсь отправить ajax-запрос на контроллер активации всякий раз, когда пользователь нажимает кнопку активации, однако мне также необходимо отправить скрытые данные в пределах того же диапазона.спасибо за любую помощь

Answer 1

<script type="text/javascript">
$().ready(function(){
    $(".button").click(function() {
        var button = this;
        $.ajax({
            url:  '{site_url}index.php/activate',
            type: 'POST', 
            dataType: 'html',
            data: {
                key: $(button).siblings('[name="id"]').attr("id"),
                idclient: $(button).siblings('[name="ClientId"]').attr("id"),
            },
            success: function(result) {

            }
        });
    });
});
</script>

Answer 2

$(".button").click(function(e) {
    e.preventDefault();
    var that = this;
    $.ajax({
        url: '{site_url}index.php/activate',
        type: 'POST',
        dataType: 'html',
        data: {
            key: $(that).prev().attr('id'),
            idclient: $(that).siblings('[name="clientID"]').attr('id'),
        },
        success: function(result) {
            alert(result);
            $(that).blahblah();
        }
    });
});

1. Нет необходимости зацикливаться на кнопках.$(".button").click(... будет неявно присоединять обработчик ко всем элементам с помощью класса 'button'.
2. Вам необходимо присвоить контекст переменной, чтобы он был доступен в обратных вызовах / области действия вызова $.ajax..
3. В идеале вы должны предотвратить отправку формы, используя event.preventDefault()
4. Ваш обход неверен, и, насколько мне известно, псевдо-селектор :next отсутствует.