成功后，ajax没有调用另一个js函数

Question

I am trying to make a ajax post. I just want to learn how can i call some function after ajax success.

I want to call the following function after ajax success:

function col() {
        var $container = $(".post-users-body");
        $container.imagesLoaded(function() {
            $container.masonry({
                columnWidth: ".collectionPostWrap",
                itemSelector: ".collectionPostWrap"
            });
        });
}

The ajax post is this:

$("body").on("click","#update_button",function() {
    var updateval = $("#update").val();
    var dataString = 'update=' + updateval ;
      $.ajax({
        type: "POST",
        url: "requests/post.php",
        data: dataString,
        cache: false,
        success: function(html) {
          $(".post-users-body").prepend(html);
          col();            
        }
      });

    return false;
  });

So the ajax post is working fine but it is not calling the col(); function.

What i am doing wrong here. Anyone can tell me ?

Answer 1

ajax returns a promise object. use that and do some function chaining.

    <script>
        (function(){

            function col(){
                alert("col called");
            }

            $.ajax({
                type:"GET",
                url:"http://localhost:5850/api/someservice"}
             ).done(function(){
                    debugger;
                    col();
                });
        })()



    </script>