Как исправить ошибку с url адресом?

Question

[nurzhannogerbek]

Здравствуйте, помогите пожалуйста разобраться.

Есть страница в которой вывожу список документов. Подобная страница имеет к примеру такой url адрес:
GET /documents/1/2009/ HTTP/1.1" 200 126071
где

1- категория документа
2009 - год создания документа

Каждый документ в этом списке имеет кнопку по нажатию которой открывается форма редактирования. После нажатия кнопки submit через ajax обновляется список документов. В терминале я вижу такие вот url запросы:

GET /documents/1/2009/edit/1120/ HTTP/1.1" 200 5755

POST /documents/1/2009/edit/1120/ HTTP/1.1" 200 169852

где 1120 id выбранного пользователем документа.

P.S. Последние два url запроса можно заметить лишь в терминале, а пользователю показывается лишь первый url адрес.

Проблема начинается после обновления списка. Многие скрипты у меня завязаны с основной страницей, то есть c первым url адресом. Данные скрипты не работают после того как обновил список. Все последующие ajax запросы добавляются к третьему запросу. К примеру:

GET /documents/1/2009/edit/1120/?page=2&querystring_key=page HTTP/1.1" 200 5747

Хотя должно быть вот так:

GET /documents/1/2009/?page=2&querystring_key=page HTTP/1.1" 200 5747

Видите ли вы решение в данном случаи? Не знаю в каком направлении копать. Приложил свой код.

main_template.html:

<div id="documents" class="dd">
    <ol class="dd-list">
        {% include page_template %}
    </ol>
</div>

{% block script %}
    {# START: AJAX request to endless pagination #}
    <script type="text/javascript">
        function activatePagination(){
            $.endlessPaginate({
                paginateOnScroll: true,
                onCompleted: function(context, fragment) {
                    activateTooltip();
                }
            });
        }
        activatePagination();
    </script>
    {# END: AJAX request to endless pagination #}

   <script src="{% static 'js/documents/crud.js'%}"></script> {# CRUD JS #}
{% endblock %}

crud.js:

$(function () {
    $("#document-modal").on("submit", ".document-edit-form", function(e) {e.preventDefault(); saveForm.call(this, "Data successfully updated");});

    var saveForm = function(success_message) {
        var form = $(this);
        var formData = new FormData(form[0]);
        $.ajax({
            url: form.attr("action"),
            data: formData,
            type: form.attr("method"),
            dataType: 'json',
            success: function (data) {
                if (data.form_is_valid) {
                    // Update list of documents
                    $("#documents ol.dd-list").html(data.html_documents);

                    activatePagination();

                    // Hide modal
                    $("#document-modal").modal("hide");

                    // Show message to user
                    $("#user-action-message").fadeIn("slow");
                    setTimeout(function() {$("#user-action-message").fadeOut("slow");}, 2000);
                }
            },
            cache: false,
            contentType: false,
            processData: false,
        });
        return false;
    };
});

Comments

[Сергей Горностаев]

Вижу - не используйте относительные URL'ы.

[Konstantin Malyarov]

console.log(form.attr("action"))
Что возвращает?

[nurzhannogerbek]

Konstantin Malyarov, Здравствуйте! Возвращает третий url /documents/1/2009/edit/1120/ (см. в посте). Это post запрос на сохранение новых изменений.

[nurzhannogerbek]

Сергей Горностаев, Здравствуйте! По вашему мнению, где конкретно я мог бы обойтись без относительных ссылок например?

К примеру url адреса я указываю следующим образом в форме редактирования:

<form method="post" action="{% url 'documents:category_year_edit' current_category current_year document.id %}" class='document-edit-form' enctype="multipart/form-data">
    <!--Cодержимое формы-->
</form>

urls.py:

url(r'^(?P<category>\d+)/(?P<year>[0-9]{4})/edit/(?P<pk>\d+)/$',
        DocumentCategoryYearEdit.as_view(),
        name='category_year_edit'),

В проблемный запрос (см. ниже), о котором я писал выше в посте формируется я так понимаю приложением django-el-pagination самостоятельно. Сам я на него повлиять не могу или я ошибаюсь?

GET /documents/1/2009/edit/1120/?page=2&querystring_key=page HTTP/1.1" 200 5747

[Konstantin Malyarov]

NogerbekNurzhan, тут все логично. Вы указываете паттерн URL, который указали в urls.py для параметра action. А jQuery берет параметр action.
Должно быть указано так, чтоб jQuery правильно отдавал запрос.
url(r'^(?P\d+)/(?P[0-9]{4})/$',
DocumentCategoryYearEdit.as_view(),
name='category_year_edit'),

[nurzhannogerbek]

Konstantin Malyarov, измените, но те регулярные выражения, что вы указали в моем случаи кажется неприемлемы. Выбранный пользователем документ из списка имеет id. Данный id (/(?P<pk>\d+)/) через url передается во view. Далее по id документа меняются данные в самом view. Возможно я вас не совсем правильно понял. Раскройте вашу мысль, если это так пожалуйста. Похожий url который вы указали у меня есть, но он используется чтобы вывести список документов и на обработку ее естественно используется другая view.

url(r'^(?P<category>\d+)/(?P<year>[0-9]{4})/$',
        DocumentCategoryYear.as_view(),
        name='category_year'),

[Konstantin Malyarov]

<form method="post" action="{% url 'documents:category_year_edit' current_category current_year document.id %}" class='document-edit-form' enctype="multipart/form-data">
    <!--Cодержимое формы-->
</form>

Поменяйте на

<form method="post" action="{% url 'documents:category_year' current_category current_year %}" class='document-edit-form' enctype="multipart/form-data">
    <!--Cодержимое формы-->
</form>

И посмотрите что там пишет в логах Django. Будете удивлены.

[nurzhannogerbek]

Konstantin Malyarov, поменял как вы и рекомендовали. При нажатии submit в форме в терминале как и ожидал вылетает следующая ошибка:

Message: Method Not Allowed (POST): /documents/1/2009/
Message: "POST /documents/1/2009/ HTTP/1.1" 405 0

[Konstantin Malyarov]

NogerbekNurzhan, так. Теперь понятно. Вы форму отправляете ajax или django?

[Konstantin Malyarov]

main_template.html:

<form method="post" action="{% url 'documents:category_year_edit' current_category current_year document.id %}" ajax="{% url 'documents:category_year' current_category current_year %}" class='document-edit-form' enctype="multipart/form-data">
    <!--Cодержимое формы-->
</form>

crud.js:
url: form.attr("ajax"),
Да простят меня за костыль, всяк сюда входящий.

[nurzhannogerbek]

Konstantin Malyarov, я использую ajax. Протестил ваш код. Выдает такую же ошибку как и прежде. Не совсем понятно, что вы пытаетесь сделать. Обработчик post запроса при нажатии кнопки submit находится в category_year_edit. В category_year его нет ведь. category_year отвечает за другие задачи, он выводит список документов get запросом.

[Konstantin Malyarov]

NogerbekNurzhan,

Данные скрипты не работают после того как обновил список. Все последующие ajax запросы добавляются к третьему запросу. К примеру:
GET /documents/1/2009/edit/1120/?page=2&querystring_key=page HTTP/1.1" 200 5747

Хотя должно быть вот так:
GET /documents/1/2009/?page=2&querystring_key=page HTTP/1.1" 200 5747

я правильно понял, что вы хотите получить именно такой url при ajax запросе.

[Konstantin Malyarov]

NogerbekNurzhan, есть более динамичное общение, а не через toster? Skype?

[nurzhannogerbek]

Konstantin Malyarov, Здравствуйте! Простите за запоздалые ответы. Тестить есть возможность лишь на работе, а там нет доступа к Skype. Постараюсь здесь быстро отвечать на ваши сообщения. Если быть точнее после третьего url-а (POST запрос) я хочу сново вернуться на первый url, который c GET запросом. В вашем методе хоть и url одинаковый то тип запроса другой. Да и мне кажется что копать нужно в другом направлении, либо поменять подход где-то радикально.

[Konstantin Malyarov]

NogerbekNurzhan, если ещё актуально, напишите последовательность url и кто их вызывает.

[nurzhannogerbek]

Konstantin Malyarov, вопрос уже не актуален. При нажатии кнопки submit вместо того чтобы обновлять весь список документов, решил что целесообразнее обновлять лишь конкретный документ с которым пользователь работал. Таким образом другие ajax запросы работают корректно.

Answer 1

[Igor Fedun]

покажи как ты генерируешь url
>> url: form.attr("action"),