如何使Ajax为php数组加载更多按钮？

Question

我正在尝试使ajax从数组中加载更多。我的数组不是由数据库创建的。我手动创建的。

修复页面加载，默认情况下，我会获得前2个值。而且我必须通过单击load-more按钮来调用下一个值。

它可以工作，但是会调用所有数组值。我想每次点击都拨打3-4、5-6、7-8、9-10。

<div class="wrapper">
    Post 1 content
    Post 2 content
</div>

<button type="button" class="load-more">Load More</button>

我的ajax函数：

$('.load-more').on('click', function (e) {
    var button = $(this),
        wrapper = $('.wrapper'),
        data = {
            // Needed values here
        };

    $.ajax({
        type: 'POST',
        url: ajaxObject.ajaxUrl,
        data: data,
        beforeSend: function (xhr) {

        },
        error: function (request, status, error) {

        },
        success: function (response) {
            wrapper.append(response);
        },
        complete: function () {

        },
    }); // Ajax end

    e.preventDefault();
});

这是php代码：

$values = array(
    'Post 1 content',
    'Post 2 content',
    'Post 3 content',
    'Post 4 content',
    'Post 5 content',
    'Post 6 content',
    'Post 7 content',
    'Post 8 content',
    'Post 9 content',
    'Post 10 content',
);

foreach( $values as $value ) {
    echo $value;
}

exit();