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

好的，我已经得到了答案。 <{1}}或<a href="javascript: return false" onclick="getnewposts()">可以阻止加载页面。

单击“新帖子”按钮时阻止页面重新加载

1 个答案: