Пагинация Ajax Django
Получаю данные через поиск и вывожу их на страницу, так как данных много, хочу реализовать пагинацию через Ajax. Но при нажатии на пагинацию все исчезает и данные не обновляются. Если Ajax отключить, то все работает, но происходит переход на страницу (search/?page=2), которая сразу же удаляет все результаты поиска.
Помогите, пожалуйста, что я делаю не так?
def search_venus(request):
if request.method == "GET":
searched = request.GET.get('searched', False)
p = Paginator(Movie.objects.filter(title__contains=searched), 1)
page = request.GET.get('page')
object_list = p.get_page(page)
coursesearch = Course.objects.filter(name__contains=searched)
context = {
'searched':searched,
'object_list':object_list,
'coursesearch':coursesearch,
}
return render(request, 'search.html', context)
Ajax
function ajaxPagination_s_m() {
$('#pagination_s_movie a.page-link').each((index, el) => {
$(el).click((e) => {
e.preventDefault()
let page_url = $(el).attr('href')
console.log(page_url)
$.ajax({
url: page_url,
type: 'GET',
csrfmiddlewaretoken: '{{ csrf_token }}',
success: (data) => {
$('#search_movie').empty()
$('#search_movie').append($(data).find('#search_movie').html())
$('#pagination_s_movie').empty()
$('#pagination_s_movie').append($(data).filter('#pagination_s_movie').html())
}
})
})
})
Поиск формы
<div class="form_search">
<form action="{% url 'search-venus' %}" method=GET>
{% csrf_token %}
<input class="inp_text" name="searched" type="search" placeholder="Схемы, видео, книги">
<button type="submit"></button>
</form>
</div>