Как реализовать функционал loadmore с учетом выбранных фильтров?

Question

[aumarov111]

С логикой я разобрался, а вот с передачей и обработкой нет.

$(document).on("click", ".load-more a", function(){
		var id = $('.products').children('li:last').data('id');
		inputs = $(".filter form").serialize();
		var template = $("#products").html();

		$.ajax({
			type: "post",
			url: "/loadmore",
			data: { "id":id, "inputs":inputs },
			success: function(result) {
	            console.log(result);
	        },
		});
	});

id - это последний id продукта, как вы догадались, дальше мы делаем запрос where id > $id, но не суть. Эта строка inputs = $(".filter form").serialize(); собирает данные с формы фильтра, а эта data: { "id":id, "inputs":inputs }, отсылает и id и данные из фильтра(формы). Дело в том, что данные формы приходят в виде строки, а в строке уже и тип и страна и производитель, мне нужно как то их разобрать или правильно передать, чтобы составить запрос на основе этих данных

Answer 1

[Roman Zhak]

Отправляйте данные в JSON-формате, или же разбирайте query-строку.

Comments

[aumarov111]

я не совсем знаю как это сделать

[Roman Zhak]

@aumarov111 api.jquery.com/serializeArray

[Roman Zhak]

Что вам мешает просто извлечь GET/POST параметры на сервере?

Answer 2

[Facetrollex]

url: "/loadmore?" + inputs ,

Comments

[aumarov111]

запрос, post

[Facetrollex]

stack