单击按钮时加载下一行

时间:2016-05-17 12:30:51

标签: javascript jquery ajax smarty

所以,下面按钮的作用是显示表格帖子中的键($ p),点击它后会显示当前帖子的键。

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

但是,我想要做的是当我点击“Next Post”按钮加载数据库中的密钥的下一行。

这个项目很聪明,上面的代码行位于somefile.tpl

1 个答案:

答案 0 :(得分: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;
});