Максим Маркитантов

В success нужно на странице найти нужный элемент, и изменить его значение на data, используя JS, что-то типа

success: function(data) {
            console.log(data);
            $('#content-container').html(data);
        }

ну и также отменить ajax, в конце после вызова ajax написать

$.ajax({
   ....
    });
return false;

Нужно сначала подключить JQuery, а потом свои скрипты

gulp.task('js', function() {
	return gulp.src([
		'app/libs/jquery/dist/jquery.min.js',
		'app/js/common.min.js', // Всегда в конце
		])
	.pipe(concat('scripts.min.js'))
	.pipe(uglify())
	.pipe(gulp.dest('app/js'))
});

Мне больше нравится первый вариант, бывает такое что нужен bg-image с шириной 100%,а в контейнер - контент

В контроллере

public function loadMore(Request $request)
    {
        $article= Article::orderBy('id', 'desc')->paginate(2);
        if ($request->ajax()) {
            return $article->toJson();
        }
       abort(404);
}

JS

$.ajax({
            type: 'GET',
            url: '/article?page=' + page,
            success: function (data) {
                let obj = JSON.parse(data);
                createArticleNode(obj);
                if (obj.to === obj.total) {
                    $('.button_more').hide();
                }
            }
        });

И нужно сделать функцию createArticleNode(obj), которая будет создавать dom-елементы

$(document).on('click', '.button', function() {
    console.log('click');
  });