javascript - 当我单击按钮时加载下一行

Question

所以，下面的按钮的作用是显示表 posts($p) 中的键，一旦我单击它，它就会显示当前帖子的键。

<button type="button" onclick="location.href ='{$baseurl}/view/{$p.key}/';">Next Post</button>

但是，我想要做的是，当我单击“下一篇文章”按钮时，使用数据库中的 key 加载下一行。

这个项目是在smarty上，上面这行代码位于somefile.tpl

Answer 1

您需要将监听器附加到 click事件到按钮，使用 ajax 从服务器加载数据然后append新数据到 html。

// Attach click listener
$("button").click(function(e){
    // Prevent default behaviour
    e.preventDefault();

    // Load new data from server
    $.ajax({
        type:'GET',
        url: '{$baseurl}/view/{$p.key}'
    }).done(function(response){
        // Do stuff with loaded data, for example append to body
        $("body").append( $("<div>").text(response.toString()) );
    }};

    return false;
});