how to call another function after the form submit using jquery

Question

I have implemented the image upload code using jquery php in my php web site. See my code

$(document).ready(function() {
    // start upload
    $('#subtUpload').click(function() {  
        $("#preview").html('');
        $("#preview").html('<img src="../images/loader.gif" alt="Uploading...."/>');
        $("#hotelImageUp").val(1);
        $("#frmHotel").ajaxForm({
            target: '#preview'
        }).submit();
    });
});

Uploading is start when a user click on the upload button $('#subtUpload'). It’s working fine. After uploading the image I want to call another function to display all the images from database using jquery Ajax. I know this see

if($.cookie('hotelId')) {
    var cookieHotel=$.cookie('hotelId');
    var form_data = {
        photos:  1
    };
    $.ajax({
        type: "POST",
        url: "displayHotelImage.php",
        data: form_data,
        success: function(response) { 
            $("#listHotelImg").html('');
            $("#listHotelImg").html(response);
        }
    });
};

But where I will write this function. I have wrote this within the

$("#frmHotel").ajaxForm({
    target: '#preview'

    // my code to display images
}).submit();

But it's not working

My objective is to display all the images from database after uploading the image

Does anyone know?

draconis · Accepted Answer · 2012-03-30 09:51:57Z

2

If you are using http://malsup.com/jquery/form this plugin(as i see from functions but i can be wrong) you can call success after target e.g

  $("#frmHotel").ajaxForm({
        target: '#preview',
        success:    function() { 


        //image loading codes will be here


     }

so this will execute image loading codes after ajaxForm is successfully executed.

answered Mar 30, 2012 at 9:51

draconis

4585 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pascal_dher · Accepted Answer · 2012-03-30 09:47:54Z

0

Submit via ajax.

$.post("test.php", 
  $("#frmHotel").serialize(),
  function(){alert('Success.I could call a function here.')
};

http://api.jquery.com/jQuery.post/

answered Mar 30, 2012 at 9:47

Pascal_dher

4685 silver badges14 bronze badges

Collectives™ on Stack Overflow

how to call another function after the form submit using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related