Когда я нажимаю на кнопку, страница дублируется на себя

Question

Когда я нажимаю на кнопку, счетчик перемещается правильно;но я получаю нежелательный эффект от дублирования содержимого страницы, что я могу сделать? Спасибо

У меня есть счетчик, который берет вопросы из базы данных, через Ajax я могу увеличить счетчик без обновления страницы:

<form action="prov1.php" name="forminvio" id="invio" method="get">
    <button type="button" name="segue" onclick="incrementa(o)"> + </button>
</form>

<div id="pulsant1"> <?php echo "Posizione  : " . $_GET['o'] . "<br>"; ?> </div>

<script>
    var o = <?php print $i; ?>;

    function domandaajax() {
         $.ajax({ // $.ajax è un metodo statico che ha la funzione di inviare richieste
         url: "prov1.php?o=" + o,  // url parametro di base ed è l’indirizzo al quale inviare la chiamata
         success:function(data) { // success, la funzione da lanciare se la richiesta ha successo
         document.getElementById("pulsant1").innerHTML = data;
      }
   });
}

// document.getElementById("pulsante").innerHTML = o; // scrive il primo valore di i nel paragrafo avente id pulsante

function incrementa() {
     //  document.getElementById("pulsante").innerHTML = o; // scrive l'incremento nel paragafo avente id pulsante
     o++;
     domandaajax();
     console.log(o);
}

</script>

Answer 1

Сначала вам нужно удалить контент из div, как показано ниже:

function domandaajax() {
    $.ajax({ // $.ajax è un metodo statico che ha la funzione di inviare richieste
    url: "prov1.php?o=" + o,  // url parametro di base ed è l’indirizzo al quale inviare la chiamata
      success:function(data) { // success, la funzione da lanciare se la richiesta ha successo
          document.getElementById("pulsant1").innerHTML = '';
          document.getElementById("pulsant1").innerHTML = data;
      }
   });
} 

Надеюсь, это сработает для вас !!