jquery函數在click事件上重新加載頁面

Question

我遇到了問題。 以下是我的代碼：

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

當點擊find id錨標簽時，會出現警告“Clicked”，然后重新加載整個頁面。 我分別從p標簽獲取名稱，位置和城市值。

此外，當我只保留一個分配並丟棄其他兩個分配時，頁面重新加載停止並且僅發生警報。 這是開始，因為我必須通過AJAX將這些收集的數據發送到控制器功能，但首先我想停止重新加載頁面。 我究竟做錯了什么？

PS：我對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");
});

Answer 2

將您的location變量重命名為location1 。 我認為它指的是瀏覽器位置。

Answer 3

嘗試這個。 簡單易行

修改href屬性，如下所示

<a href="javascript:void(0)" onclick="whateverFunction()" >

Answer 4

要停止錨標記的頁面重新加載和導航行為，可以使用javascript:void(0)或event.preventDefault（）

<a href="javascript:void(0)" id="find">Click</a>

要么

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

現在，點擊此錨標記后，您的頁面將不會重新加載。