Дублировать при обновлении div - PullRequest
Новая
       21

Дублировать при обновлении div

0 голосов
/ 17 мая 2019

Я пытаюсь обновить div шаблона с помощью Django, поэтому я использую AJAX для обновления.Обновление работает, но во время первого обновления все, что было за пределами div, удваивается, но только для первого обновления.Я блокирую уже несколько дней, и я не понимаю, почему, я применил метод, найденный по этому вопросу: Обновите div, чтобы показать новый рейтинг в Django, используя JQuery и AJAX

Так что я включаю еще одну страницу "update.html", которая содержит мои переменные для обновления.А с помощью ajax я обновляю эту страницу.

Извините за объем кода, который я предоставляю, но я отчаиваюсь.Спасибо за ваш отзывмоя главная страница и включает страницу update.html: 

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/styleliste.css' %}">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <title>{% block title %}Liste des Raspberry Pi{% endblock %}</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
    <body class="bg2">  
        <ul>
            <li><a href="/page/accueil/">Accueil</a></li>
            <li><a href="/page/ListRPI/">Liste des Raspberry PI</a></li>
            <li><a href="/page/Info/">Plus d'informations</a></li>
            <li><a class="active">Raspberry PI {{rpi_id}}</a></li>
        </ul>
        <section id="contentinfo">
            <div id="update">
            {% include 'page/update.html' %}
            </div>
            <div>
                <form method="POST" >
                            {% csrf_token %}
                            {{ form.as_p }}         
                        <input class="ml-button-3" type="submit" value="Envoyer message"/>  
                </form>
                <form method ="POST" enctype="multipart/form-data">
                    {% csrf_token %}
                    <input class="ml-button-3" type="submit" name="btn" value="Start"  />
                    <input class="ml-button-3"type="submit" name="btn" value="Stop"  />
                    <input class="ml-button-3"type="submit" name="btn" value="Reboot" />
                    <input class="ml-button-3" type="submit" name="btn" value="Code" /> <br><br>
                    <input type="file" name="myfile">
                    <input class="ml-button-3" type="submit" name = "btn" value="Envoyer code"></button>
                </form>
            </div>
        </section>
    <script>
 $.ajax({
    url: 'http://localhost:8000/page/RPI/1/',
    success: setInterval(function(){
        alert('Vote successful!');
        $("#update").load("update.html");
    },5000)
});   
    </script>
</body> 
</html>
...