javascript - 进行 AJAX 调用时受 JavaScript onCLick() 限制

Question

我正在开发一个现有项目并大量使用 jQuery AJAX来电。现有页面具有三个不同的部分标题、左侧菜单和主要内容。实现方式为Spring MVC每当从 Spring Controller 返回 View 时，它就会更新整个页面。

现在，由于我正在使用其中一个菜单项，但具有选项卡内容，所以我正在使用 jQuery使用 jQuery 操作选项卡内的数据。每当我必须使用超链接时，我都无法使用<a>标签，因为从链接返回将替换整个页面。所以我总是限制使用onClick()甚至点击链接并执行AJAX调用然后使用 jQuery 将响应放回到窗口中.

<a href="" onClick="return loadDetail()">Details</a>
<script>
  $.ajax({
    type: ...,
    url: ...,
    success: function(response) {
      $('#tab1-content').empty().html(response);
    }
  });
</script>

所以我的问题是 - 有没有其他方法可以使用 href <a>的属性带有响应 View 的标记和更新窗口？

Answer 1

我不确定我的理解是否正确。你能尝试这样的事情吗:

<a href="http://www.stackoverflow.com">Details</a>
<script>
    $('a').click(function(e) {
        e.preventDefault();

        var href = $(this).attr('href');
        loadDetail(href);
    });

    function loadDetail(url) {
        alert("Load from: " + url);

        // Ajax call
    }
</script>

Fiddle