"새 게시물"버튼을 클릭하면 페이지가 다시로드되지 않습니다.

Question

jCarousel을 사용하고 있습니다. 나는 "New Posts"버튼을 만들었는데, 사용자가 "New Posts"버튼을 클릭하면 데이터베이스에서 새 레코드를 가져오고 웹 사이트에 새 레코드를 표시하는 javascript 함수를 호출합니다. 내 문제는 사용자가 "New Posts (새 게시물)"버튼을 클릭 할 때마다 페이지를 다시로드한다는 것입니다. 페이지를 다시로드하지 않으려 고합니다. 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> 

내가 다음 페이지가 더 이상 다시로드되지 않습니다 usermessage.php에서 데이터를 검색하기 위해 Ajax를 사용하여 웹 사이트에서 데이터를 표시하는 Ajax를 사용할 필요가 그것입니다 : 다음은 내 코드입니다? jQuery 코드를 Ajax 코드로 변환하는 방법을 모르겠습니다. 도와주세요.

Answer 1

좋아, 나는 이미 대답을 얻었다. <a href="javascript: return false" onclick="getnewposts()"> 또는 <a href="#" onclick="getnewposts()"> 페이지가로드되지 않도록 할 수 있습니다.