javascript - jquery 加载特定页面/查询字符串

Question

我有以下工作代码:

<script>
$(document).ready(function(){
$('#target').click(function() {
$("#success").load("/contacts/person/view/1", function(response, status, xhr) {
if (status == "error") {
var msg = "Sorry but there was an error: ";
$("#error").html(msg + xhr.status + " " + xhr.statusText);
}
});
});
});
</script>

我希望有一系列链接，例如:

<a id="target">a</a>
<a id="target">b</a>
<a id="target">c</a>

单击每个按钮后都会显示一个特定的人。所以每个链接都会引用一个特定的人。因此，根据点击的链接的值:

/contacts/person/view/1

必须改变。

请问我该怎么做？

感谢您的帮助。

Answer 1

考虑将 AJAX 请求的链接放置在 A 标记的 href 属性 <a href="/contacts/person/view/1" class="target">a</a> 内。 。然后您可以使用下面 Rob W 的代码，稍作修改:

<a href="/contacts/person/view/1" class="target">a</a>
<a href="/contacts/person/view/2" class="target">b</a>
<a href="/contacts/person/view/3" class="target">c</a>
<script>
$(document).ready(function(){
    $('.target').click(function(e) {
        e.preventDefault();
        $("#success").load(this.href, function(response, status, xhr) {
            if (status == "error") {
                var msg = "Sorry but there was an error: ";
                $("#error").html(msg + xhr.status + " " + xhr.statusText);
            }
        });
    });
});
</script>

注意区别在于load中的URL参数设置为this.href , this这里指的是a被点击的标签。