我正在开发一个现有项目并大量使用 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 的标记和更新窗口?
最佳答案
我不确定我的理解是否正确。你能尝试这样的事情吗:
<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>
关于javascript - 进行 AJAX 调用时受 JavaScript onCLick() 限制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30222030/