当我加载页面时成功 ajax 函数工作

Question

我不明白为什么我的成功函数在我加载页面 2 秒后没有单击该函数的情况下单独工作。

{% block javascripts %} 
 <script>
  $.ajax({
       url : '{{ path('post_like', {'id' : article.id}) }}',
       type : 'POST',
       dataType : 'html',
       success : function(code_html, statut){ 
         $("#likeChange").replaceWith("hello world");
         console.log("test")
     },
       error : function(resultat, statut, erreur){
       }
    });
</script>
{% endblock %}

我需要修改的内容

 <a id="likeChange">{{ article.likes | length }}<a>

这是调用函数的按钮

 <a data-like="{{ article.id }}" id="ajax" class="btn" role="button"><img src="{{ asset('build/image/flecheup.png') }}"></img></a>

Answer 1

我只是不执行 onClick 功能

{% block javascripts %} 
 <script>
$(document).on('click', '#ajax', function(){
   that = $(this);
  $.ajax({
       url : '{{ path('post_like', {'id' : article.id}) }}',
       type : 'POST',
       dataType : 'html',
       success : function(code_html, statut, likes){ 
         $("#likeChange").replaceWith(likes);
         console.log("test")
     },
       error : function(resultat, statut, erreur){
       }
    });
    return false;
});

</script>
{% endblock %}

当我加载页面时成功 ajax 函数工作

Sucess ajax function work when i load the page

ajax

symfony4