Django, UpdateView, обновление с использованием ajax

@Kifsif · Регистрация: 12.06.2011

Студворк — интернет-сервис помощи студентам

Django 1.10.
jquery-3.1.0

Решил сделать обновление данных через ajax.
В общем, получаю чистое окно браузера.
В Хроме в developer tools смотрю в дебаггере:
Попадаю, в fail. И параметры jqXHR.status=0, textStatus = "error", errorThrown="".

Причем, функцию попробовал вручную - все работает.
И через аякс данные модели обновляет.

А вот отразить результат - пробема. Миксин отрабатывает, шлет на выход данные и код 200.

Пытаюсь шагать, дохожу в утробе Django до функции reloader_thread.
А там цикл - while RUN_RELOADER. В общем, пошагал я его, пошагал. И на том и дело кончилось, может, он вечный.

Говоря кстати, при наличии обновления через ajax мне не надо уже обычного обновления. Хотя, мне бы его хотелось оставить - на этапе отладки мне нравится посмотреть результат обновления в браузере.

В общем, что-то я сделал не так. Подскажите, пожалуйста, где ошибся.

views.py

Python
1
2
3
4
5
6
7
8
9
class FrameUpdate(AjaxableResponseMixin, UpdateView):
    model = Frame
    form_class = FrameUpdateForm
    template_name = "general/ajax/ajax_form.html"
 
    def get_success_url(self):
        success_url = reverse_lazy("frame:frame_detail_ajax",
                                   kwargs={"pk":self.object.id})
        return success_url

frame.js

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
function fail(jqXHR, textStatus, errorThrown){
    debugger;
}
 
function post(){
    $.ajax({
        method: "POST",
        url: "http://localhost:8000/frame/2/update/",
        data: $("#frame_form").serialize(),
        success: show_post,
        error: fail
        });
}

@Wi0M · 05.09.2016, 14:31

вы данные хотите отправить методом POST, а CSRF токен указать не хотите)) и url указывайте относительный. он у вас должен в urls.py быть приписан. в success передается параметр data в котором хранится ответ от сервера. если вы что то передать хотите кроме 200 OK

Добавлено через 2 минуты
Вот пример для GET запроса.

Добавлено через 5 минут
popup_message.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
jQuery(document).ready(function ($) {
    $('.view').click(changeView);
    function changeView() {
        $.ajax({
            type: "GET",
            url: "/runner/",
            data:{
                'view':$(this).attr('data-v')
            },
            dataType: "html",
            cache: false,
            success: function(data){
                var div = document.createElement('div');
                div.className = "alert alert-success";
 
                if (data == 'ok'){
                    div.innerHTML = "Script activated!";
                } else if (data == 'no'){
                    div.innerHTML = "Script deactivated!";
                } else {
                    div.innerHTML = data;
                }
                message.appendChild(div);
                setTimeout(function() {div.remove();}, 3000);
            }
       });
    }
});

HTML код вызывающий js

HTML5
1
<li><a id="ajax_run" class="view" data-v="runner" href="javascript:">Script</a></li>

urls.py

Python
1
2
3
4
5
6
7
8
9
10
# -*- coding: utf-8 -*-
 
from django.conf.urls import url
 
from . import views
 
app_name = 'proxy'
urlpatterns = [
    url(r'^runner/$', views.runner, name='runner'),
]

views.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
def runner(request):
    response = 'error'
    if request.method == "GET":
        parser.WORKED = not parser.WORKED
        if parser.WORKED:
            try:
                parser.run()
            except Exception as e:
                response = str(e)
            else:
                response = 'ok'
        else:
            response = 'no'
    return HttpResponse(response, content_type='text/html')

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .