Question

我必须在点击超链接时动态地将内容填充到DIV中，超链接应传递值（代码）以从服务器检索内容。

如何使用JQuery，Ajax和Hyperlink实现这一目标？我知道如何使用JQuery＆amp; amp;从服务器检索内容Ajax，但我在如何Ajax化超链接并传递值？

Answer 1

好吧，您可以先为此链接指定一个唯一的ID，以便您可以从客户端脚本中引用它：

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

然后你可以在一个单独的文件javascript文件中不引人注意地AJAX化它：

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

当然，如果此操作的结果是您希望在DOM中的某个占位符上注入的部分视图HTML，则可以使用.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
    }
});

如何Ajax化超链接（JQuery和Ajax）

1 个答案: