时间戳

首页 > 解决方案 > 当我单击按钮时，页面本身会重复

javascript - 当我单击按钮时，页面本身会重复

问题描述

当我单击按钮时，计数器会正确前进；但是我得到了复制页面内容的不受欢迎的效果，我该怎么办？谢谢

我有一个从数据库中获取问题的计数器，通过 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>

前 后

标签： javascriptphpajax

解决方案

您需要从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;
      }
   });
}

我希望它对你有用！

推荐阅读