javascript - jquery函数在点击事件时重新加载页面

Question

我遇到了问题。下面是我的代码:

$(function() {  
    $('#find').on("click",function(){
        name = $('#q_name').text();
        location = $('#q_location').text();
        city = $('#q_city').text();
        alert("Clicked");
    });
});

当点击 id 为 find 的 anchor 标记时，会出现“已点击”警报，然后重新加载整个页面。我分别从 p 标签获取名称、位置和城市值。

此外，当我仅保留一项分配并放弃其他两项时，页面重新加载将停止并且仅发生警报。这是开始，因为我必须通过 AJAX 将收集到的数据发送到 Controller 功能，但首先我想停止重新加载页面。我做错了什么？

P.S:我对 jQuery 很陌生，只了解它的一些基础知识。请帮忙。

Answer 1

您需要使用 event.preventDefault 停止链接的默认行为(即更改 URL)，请尝试以下操作:

$('#find').on("click", function(e){
    e.preventDefault();
    name = $('#q_name').text();
    location = $('#q_location').text();
    city = $('#q_city').text();
    alert("Clicked");
});