Как Ajaxify гиперссылка (JQuery & Ajax)

Question

Я должен динамически заполнять контент в DIV при нажатии на гиперссылку, которая должна передавать значение (код) для извлечения контента с сервера.

Как мне добиться этого, используя JQuery, Ajax и Hyperlink?Я знаю, как получить контент с сервера, используя JQuery & Ajax, но я борюсь за то, как Ajaxify гиперссылка и передать значение?

Answer 1

Ну, вы могли бы начать с присвоения этой ссылке уникального идентификатора, чтобы вы могли ссылаться на нее из клиентских сценариев:

<%= Html.ActionLink(
    "link text", 
    "action", 
    "controller", 
    null, 
    new { id = "myLink" }
) %>

, а затем вы можете незаметно AJAXify ее в отдельном файле javascript:

$(function() {
    $('#myLink').click(function() {
        $.ajax({
            url: this.href,
            success: function(result) {
                // TODO: handle the results here
            }
        });
        return false;
    });
});

Конечно, если результатом этого действия является частичное представление HTML, которое вы хотели бы внедрить в какой-нибудь заполнитель в DOM, вы можете использовать метод .load():

$(function() {
    $('#myLink').click(function() {
        $('#result').load(this.href);
        return false;
    });
});

Y И если вы хотите передать дополнительные значения с помощью запроса AJAX:

$.ajax({
    url: this.href,
    data: { someParam: 'some value', someOtherParam: 'some other value' },
    success: function(result) {
        // TODO: handle the results here
    }
});