0

Доброго времени суток. Вопрос заключается в следующем. Я использую jqGrid для отображения таблицы. В таблице есть ссылки

<a href="#" class="table-link" data-toggle="modal" data-target="#modal_invoice_info" id="206">1</a>

У каждой ссылки свой ID. Как можно сделать чтобы через ajax отправлялся GET запрос с ID по ссылке, на которую нажали.

$(".table-link").click(function() {
    var id = this.attr('id');
    $.ajax({
        url: "/Invoices/GetInvoiceInfo",
        type: "GET",
        data: "id=" + id,
        success: function(response) {
            $("#modal_form").html(response);
        },
    });
});

Такой вариант не работает. Как лучше реализовать это?

1
  • Покажите определение грида. Так же, где вы это скрипт кладете? Может быть, что он выполняется до того, как грид отрисовался. Commented 27 апр. 2015 в 8:46

1 ответ 1

1

В зависимости от того, что именно не работает:

Если обработчик вызывается, но не работает, пишет в консоль

this.attr is not a function

то стоит исправить извлечение id на:

var id = $(this).attr('id');

this - это просто элемент, а attr - это метод у jq-обертки.

Если обработчик вообще не вызывается, то скорее всего ваш код отрабатывает до того, как загружается грид, и элемент появляется на странице. Используйте live-события:

// заменить body на что-то более специфическое - селектор для грида, например
$("body").on("click", ".table-link", function() {
    var id = $(this).attr('id');
    $.ajax({
        url: "/Invoices/GetInvoiceInfo",
        type: "GET",
        data: "id=" + id,
        success: function(response) {
            $("#modal_form").html(response);
        },
    });
});

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.