Как написать класс представления передающий данные, но не перезагружающий страницу?

Question

[Александр Виноградов]

При нажатии на ссылку передаётся id объекта. Ссылка обрабатывается так:
path('works//', views.WorksIDView.as_view(), name='worksid'),
Представление, которое обрабатывает ссылку, должно передать информацию, но не перезагрузить страницу.
Инфу обработает JS.
Как правильно составить такой класс?
Для теста сделал так, но даже этот пример загружает другую страницу.

def WorksIDView(request, pk):
    data = { 'images': 'images', 'description': 'description' }
    return JsonResponse(data)

Comments

[Yura Khlyan]

Как написали выше, не вы должны кликать на ссылку, а JS должен отправлять ajax запрос на тот линк, и делать манипуляции с DOM-ом.

[Александр Виноградов]

Yura Khlyan, т.е. js слушает нажатие на ссылки, отправляет ajax, а dj уже обрабатывает ссылку 'works//'?

[Александр Виноградов]

Yura Khlyan, как в таком случаи, выглядит класс представления?
Я когда-то делал такое функцией

def product_view(request, prod_id=None):
    # if this is a POST request we need to process the form data
    if request.method == 'POST':
        # create a form instance and populate it with data from the request:
        form = FeedbackForm(request.POST)
        # check whether it's valid:
        if form.is_valid():
            template_name = 'app_main/mail.html'
            name = form.cleaned_data['name']
            ....

Answer 1

[Yura Khlyan]

1. Js-ом ловите нажатие на ссылку. Останавливаете события(что бы не перезагружалась страница)
2. Внутри функции перехвата нажатия, отправляете ajax запрос на url
3. Django делает логику и отправляет респонс
4. В той же функции отправки запроса(JS) принимаем даные отправленные Django и меняем что нужно на странице с помощью jQuery или отображаем ошибки
5. ?????
6. PROFIT!!!!11

Comments

[Александр Виноградов]

Логику я понял.
Как сам класс представления писать для обработки такого ajax запроса?
Есть пример?

Пока создавал только классы на основе ListView, TemplateView, DetailView

[Yura Khlyan]

Если доступ к такому запросу нужен толко с помощью ajax, то как-то так:

class AJAXPost(views.View):
    def dispatch(self, request, *args, **kwargs):
        if not request.is_ajax():
            return http.HttpResponseBadRequest(
                _('Direct HTTP request is not allowed'))
        if not request.method == 'POST':
            return http.HttpResponseBadRequest(
                _('GET requests are not allowed'))
        return super(AJAXPost, self).dispatch(request, *args, **kwargs)

    def post(self, request, *args, **kwargs):
        data = { 'images': 'images', 'description': 'description' }
        return http.JsonResponse(data)

Если же нужно и стандартные реквесты принимать, тогда оставляеш стандарную вьюху, толко изменяеш post метод:

def post(self, request, *args, **kwargs):
        response = super(
            ProductAlertCreateView, self).post(request, *args, **kwargs)
        if request.is_ajax():
            return http.JsonResponse({
                'status': "success",
            })
        return response

[Александр Виноградов]

Суть заморочки такова.
Есть фотогаллерея. На странице, как обычно куча плиток фотографий.
Жмём на фотографию, открывается модальное окошко, как это обычно, с большой фотографией и с описанием, которое лежит в базе. а так же миниатюры вложенных фотографий, относящиеся к выбранной фотке.
Т.е., эти данные надо подгружать и выводить на этой же странице в просмоторщике.

[Yura Khlyan]

Александр Виноградов, Я не собирась писать за вас весь клас, да еще с JS. Почто готовые класы для Django я вам дал. Алгоритм, что делать - написал. Здесь не будуть делать роботу за вас, поймите.

[Александр Виноградов]

Yura Khlyan, я не прошу дать готовое решение.
Я озвучил свою задачу, может у меня сам вопрос и подход к решению не правильный.
Вдруг, скажите, что такое решается не так.
Но в принципе ответ понятен.
Благодарю!

[Yura Khlyan]

Александр Виноградов, Как написали выше, есть готовые решенеия. Вы же вопрос ставили совсем по другому, чем то что вам нужно было. В итоге вы спрашивали как работать с микроскопом, хотя собирались забивать гвозди. На такие ресурсы как Тостер, нужно идти с конкретной проблемой.

[Александр Виноградов]

Pavel Denisov, это решение для простого просмотра галереи, когда жмёшь миниатюру, а открывается экземпляр большой картинки. У меня задача подгружать описание и фотографии, которые относятся к данному товару, но не выведены на общей странице в виде миниатюр.

[Александр Виноградов]

Yura Khlyan, в этом примере, если запрос является ajax, то должна сработать функция post? Если да, то почему? Если не ajax, то возвращает ошибку. Но почему должна сработать функция post, если ajax, не понимаю.

[Yura Khlyan]

Александр Виноградов, Вы сами понимаете, что такое ajax?
П.С. и я ничерта не понял из вашего комментария...