Question

我在使用JQUERY Post功能时遇到了一些麻烦。

我有两个调用JQUERY Post函数的函数。它们都工作正常，但从不调用回调函数（handleLike）。

当我手动调用handleLike时，它的工作原理很完美。（即使handleLike内部只有一个警报，也不会调用回调函数）

你可以帮我解决这个问题吗？

<script type="text/javascript">
    $(document).ready(function() {

      function handleLike(v_cb){


        alert("Call back chamou!");
        $('#erro').html(v_cb.mensagem);

        if (v_cb.class == 'map'){
            var elemento = $('#maplike');
        }else{
            var elemento = $('#commentlike'+v_cb.id);
        }


        if (!(elemento.hasClass('disabled'))){

            elemento.addClass("disabled"); 
            var likes = elemento.find('font').text();
            likes++;
            elemento.find('font').html(likes);
        }
      }

      $('#maplike').click(function() {

          //var map_id = $('#like').find('font').attr('value');

          var id = $(this).attr("name");




          if (!($(this).hasClass('disabled'))){

            var JSONObject= {
              "mensagem":"Testando Json", 
              "id":86,
              "class":"map"
            };

            handleLike(JSONObject);

            alert("Teste");

            $.post(
              '/cmap/maps/like',
              { id: id },
              handleLike,
              'json'
            );
          }
      });

      $('[id*="commentlike"]').click(function() {

          //var map_id = $('#like').find('font').attr('value');

          var id = $(this).attr("name");


          if (!($(this).hasClass('disabled'))){

            $.post(
              '/cmap/comments/like',
              { id: id },
              handleLike,
              'json'
            );


          }
      });


    });

  </script>

Answer 1

诊断，而非解决方案

合理化并添加错误处理程序，你应该得到这样的东西：

$(document).ready(function() {
    function handleLike(v_cb){
        alert("Call back chamou!");
        $('#erro').html(v_cb.mensagem);
        var elemento = (v_cb.class && v_cb.class == 'map') ? $('#maplike') : $('#commentlike'+v_cb.id);
        if (!elemento.hasClass('disabled')){
            var f = elemento.addClass("disabled").find('font');
            f.html(++Number(f.text()));
        }
    }
    function ajaxError(jqXHR, textStatus, errorThrown) {
        alert('$.post error: ' + textStatus + ' : ' + errorThrown);
    };
    $('#maplike').on('click', function() {
        var $this = $(this);
        if (!$this.hasClass('disabled')) {
            $.post('/cmap/maps/like', { id: $this.attr("name") }, handleLike, 'json').fail(ajaxError);
        }
    });
    $('[id*="commentlike"]').on('click', function() {
        var $this = $(this);
        if (!$this.hasClass('disabled')) {
            $.post('/cmap/comments/like', { id: $this.attr("name") }, handleLike, 'json').fail(ajaxError);
        }
    });
});

未测试

除了错误之外，错误处理程序很有可能会告诉您出错的原因。

Answer 2

我按照Kevin B提示并使用$ ajax方法。

这是一个解析错误。遗憾。

v_cb的返回不是json，它是一个html。我纠正了我的回报，一切都很好。

回调永远不会调用Jquery.post（）;

2 个答案: