Есть упрощенный вариант Ajax для подгрузки дополнительного контента?

Question

[lemonlimelike]

Этот скрипт очень старый, вроде как бы. Думаю его как-то изменить на другой скрипт. И вот хочу спросить, есть ли скрипт, который бы выполнял такую же функцию, как и этот, но был упрощен.

$(document).ready(function (){
			var num = 4;
			var inProcess = false;
			$(window).scroll(function(){
			  if ($(window).scrollTop() + $(window).height() >= $(document).height() - 200 && !inProcess ){
			  	console.log("1");
			  $.ajax({
				url: '../inc/load.php',
				method: 'GET',
				dataType:'json',
				data: "num="+num,
				beforeSend: function(){
				  inProcess = true;
				},
					success: function(data){
						$.each(data, function(index, data){
						$(".video").append('<div class="uk-card"><div class="uk-card-default"><a href="site/video/' + data.id +'"><div class="uk-card-media-top uk-inline uk-inline-clip uk-transition-toggle"><img class="uk-transition-scale-up uk-transition-opaque" src="../media/images/' + data.img +'.jpg'+ '" alt="' + data.title + '"><div class="uk-position-medium uk-position-cover uk-overlay uk-flex uk-flex-center uk-flex-middle uk-light"><span uk-icon="icon: play-circle; ratio: 3.5"></span></div><div class="uk-light uk-position-bottom-left"><span class="uk-icon uk-icon-image uk-light" style="background-image: url(site/media/views.png)"></span><span class="uk-text-large">' + data.view + '</span></div></div></a></div><div class="uk-card-body"><p>' + data.title + '</p></div><div id="ajax-book" data-id="' + data.id + '" uk-toggle="target: #ajax" class="uk-position-top-right"><span uk-icon="icon: bookmark; ratio: 2"  title="Добавить в залкадки"></span></div></div>');
						});
						inProcess = false;
						num += 2; //значения с load.php должны быть одинаковы
					}
			  });
			  }
			});
		});

Comments

[Сергей delphinpro]

куда проще-то ))

[tema_sun]

Зачем вы хотите его изменить?

Answer 1

[mrxakerrus]

вместо этого есть XHR, а вместо XHR есть fetch.