我正在尝试创建一个链接,单击该链接时不会重定向,但会执行操作,然后使用 jquery 刷新页面。
<a href="link.php?id=1" id="btnClick">Click Me</a>
<Span id="updateMe">1</span>
Jquery
$('#btnClick').click(function(e){
url = $(this).attr('href');
$.ajax({
url: url,
success: function(){
alert("succes alert 1 worked");
}
});
$.ajax({
url: "another_url.php",
success: function(data){
$("#updateMe").html(data);
}
});
javascript:window.location.reload();
});
执行以下操作:
- 添加
e.preventDefault();
以停止重新加载。 - 将
reload()
移动到success
回调。 - 摆脱
javascript:
.你已经在里面了。
更正的代码:
$('#btnClick').click(function(e) {
e.preventDefault();
url = $(this).attr('href');
$.ajax({
url: url,
success: function() {
alert("succes alert 1 worked");
window.location.reload();
}
});
$.ajax({
url: "another_url.php",
success: function(data) {
$("#updateMe").html(data);
window.location.reload();
}
});
});