PHP AJAX按钮单击计数器

Question

我想单击按钮计数器。当您单击该按钮时，文本会更改时，单击按钮时，我想写入数据库，但我无法管理。

<button type="button" class="btn btn-info" style="width:90%;" id="textChanger" onclick="counter;"><h4><i class="glyphicon glyphicon-earphone" aria-hidden="true">  </i> XXXX XXX XXX <h6>Show Number</h6></h4></button>
document.getElementById("textChanger").onclick= function(){
        document.getElementById("textChanger").innerHTML="<h4><i class="glyphicon glyphicon-earphone" aria-hidden="true">  </i> <?php echo $nrTelefonAnunt ?> </h4>";
         }

这是我管理文本更改的代码，现在我该怎么写于数据库，我尝试了一些方法，但没有任何方法

Answer 1

感谢大家通过添加此操作的答案：

$('#textChanger').click(function(){
    $.ajax({
        url : 'rate.php?idanunt="<?php echo $idAnunt ?>"', 
        type : 'post',  
        success : function(data){
        }
    });
});

Answer 2

尝试此

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-info" style="width:90%;" id="textChanger" onclick="counter;">1</button>
<script>
document.getElementById("textChanger").onclick= function(){
        var count = document.getElementById("textChanger").innerHTML;
        count = parseInt(count) + 1;
        document.getElementById("textChanger").innerHTML=count;
         }
</script>

Answer 3

尝试此

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
 <button type="button" class="btn btn-info" style="width:90%;" id="textChanger" onclick="counter;"><h4><i class="glyphicon glyphicon-earphone" aria-hidden="true">  </i> <span>XXXXX</span> <h6>Show Number</h6></h4></button>
<script>
count=0;
 $(document).on("click","button",function(){
     count++;
     $('span').text(count);

  });  
</script>