Обновить Div после отправки в Джанго

Question

Обновить Div после отправки в Джанго

0

У меня есть сервер с Django. В шаблоне у меня есть форма с действием отправки, которое отправляет infromation в view.py из приложения.

Таким образом, когда пользователь нажимает на кнопку, он отправляет информацию в Django и предотвращает обновление страницы, я создал функцию, которая отправляет, но не обновляет страницу, чтобы сохранить некоторые данные на странице. Это функция js:

   $(function() {
      $('#Values_all_Form').submit(function(e){
        $.post('/en/projects/ford/submit', $(this).serialize(), function(e){ 
        });
        e.preventDefault();
      });
    });

Как я могу сделать в ajax или javascript функцию после отправки для обновления или перезагрузки Div, где у меня есть таблица вроде этого:

<div id="divResult">
    <table>
        <tr>
            <td>author</td>
            <td>qty</td>
            <td>Amount</td>
        </tr>

        {% for author, values in data.items %}
        <tr>
            <td>{{author}}</td>
            {% for v in values.0 %}
            <td>{{v}}</td>
            {% endfor %}
        </tr>
        {% endfor %}
    </table>
</div>

J.C Julien 07 авг. 2015, в 10:13

Источник

0

stackoverflow.com/questions/19454310/...
Hearner 07 авг. 2015, в 08:14
0

Спасибо, но я сделал это в моей функции js, чтобы предотвратить обновление страницы дыры, что я хочу, это обновить просто div, где это моя таблица
J.C Julien 07 авг. 2015, в 08:21
0

Используйте событие onsubmit в вашей форме и используйте document.getElementById('myiframe').reload(true); или location.reload():
Hearner 07 авг. 2015, в 08:24
0

Форма и div - это две разные вещи. <form action=submit method="POST"> ... some code .... <button >Submit values </button> <div id="divResult"> <table> <tr> <td>author</td> <td>qty</td> <td>Amount</td> </tr> {% for author, values in data.items %} <tr> <td>{{author}}</td> {% for v in values.0 %} <td>{{v}}</td> {% endfor %} </tr> {% endfor %} </table> </div> Я хочу обновить / перезагрузить только Div не форма.
J.C Julien 07 авг. 2015, в 08:43
0

Есть другие идеи? :(
J.C Julien 07 авг. 2015, в 10:51

Показать ещё 3 комментария

Теги:

django

javascript

jquery

html

ajax

1 ответ

Ещё вопросы

Спасибо, но я сделал это в моей функции js, чтобы предотвратить обновление страницы дыры, что я хочу, это обновить просто div, где это моя таблица
Используйте событие onsubmit в вашей форме и используйте document.getElementById('myiframe').reload(true); или location.reload():
Форма и div - это две разные вещи. <form action=submit method="POST"> ... some code .... <button >Submit values </button> <div id="divResult"> <table> <tr> <td>author</td> <td>qty</td> <td>Amount</td> </tr> {% for author, values in data.items %} <tr> <td>{{author}}</td> {% for v in values.0 %} <td>{{v}}</td> {% endfor %} </tr> {% endfor %} </table> </div> Я хочу обновить / перезагрузить только Div не форма.

B.S. · Accepted Answer · 2015-08-10T17-36-00.000Z

Вчера я сделал что-то подобное. Я использовал setTimeout, чтобы время базы данных заполнялось до обновления div. Я вставил его в свою функцию отправки. Если вы пытаетесь обновить html внутри цикла {% for%}, вам придется обернуть цикл в какой-то тип div обертки и указать его.

setTimeout (function() {
  $('#divResult').load(document.URL + ' #divResult');
}, 1000);

Спасибо, но я разобрался, как сделать. Это что-то похожее на вашу функцию, но мне не нужен тайм-аут, потому что этот контент обновляется один раз. $(function(){ $('#Values_all').submit(function(e){ $.post('/en/projects/ford/submit', $(this).serialize(), function(e){ $('#divResul').load('/en/data_table/' + '#divResul'); }); e.preventDefault(); }); });