當點擊「新帖子」按鈕時，防止頁面重新加載

Question

我正在使用jCarousel。我創建了一個按鈕「New Posts」，當用戶點擊「New Posts」按鈕時，它會調用一個javascript函數goer（）從數據庫獲取新記錄並在網站上顯示新記錄。我的問題是每次用戶點擊「新帖子」按鈕，它都會重新加載頁面。我不希望它重新加載頁面，如何使用Ajax來防止重新加載頁面？下面是我的代碼：

function mycarousel_itemLoadCallback(carousel, state) 
{ 
    // Since we get all URLs in one file, we simply add all items 
    // at once and set the size accordingly. 
    if (state != 'init') 
     return; 
var str="<?php echo $username1; ?>"; 
    jQuery.get("usermessage.php?username="+str, function(data) {              
     mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data); 
    }); 
}; 

function mycarousel_itemAddCallback(carousel, first, last, data) 
{ 
    // Simply add all items at once and set the size accordingly. 
    var items = data.split('|'); 
    for (i = 0; i < items.length; i++) { 
     carousel.add(i+1, mycarousel_getItemHTML(items[i])); 
    } 
    carousel.size(items.length); 
}; 

function mycarousel_getItemHTML(url) 
{ 
    return '<li style="width:300px; height:30px;">' + url + '</li>'; 
}; 

function goer(){ 
    jQuery('#mycarousel').jcarousel({      
     itemLoadCallback: mycarousel_itemLoadCallback, 
     vertical: true, 
     scroll: 7, 
     visible: 9, 
     animation: 0 
    }); 
}; 

function getnewposts(){ 
    goer(); 
} 

<a href="" onclick="getnewposts()">New Posts</a> 

是不是我需要使用Ajax來檢索usermessage.php數據，並使用Ajax顯示在網站上的數據後，頁面會不會重新加載了嗎？我不知道如何將檢索數據的jquery代碼轉換爲Ajax代碼。請幫忙。

Answer 1

好的，我已經得到了答案。 <a href="javascript: return false" onclick="getnewposts()">或<a href="#" onclick="getnewposts()">可以阻止頁面加載。