wie eine andere Funktion nach dem Senden des Formulars mit jquery

Question

aufrufen Ich habe den Bild-Upload-Code mit jquery PHP in meiner PHP-Website implementiert. Sehen Sie meinen 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(); 
    }); 
}); 

Hochladen starten, wenn ein Benutzer klicken Sie auf den Upload-Button $('#subtUpload'). Es funktioniert gut. Nach dem Hochladen des Bildes möchte ich eine andere Funktion aufrufen, um alle Bilder aus der Datenbank mit jquery Ajax anzuzeigen. Ich weiß das siehe

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); 
     } 
    }); 
}; 

Aber wo ich diese Funktion schreiben werde. Ich habe dies in der

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

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

schrieb Aber es funktioniert nicht

Mein Ziel ist es, alle Bilder aus der Datenbank anzuzeigen, nachdem das Bild hochladen

Wer weiß?

Answer 1

Wenn Sie http://malsup.com/jquery/form dieses Plugin verwenden (wie ich von Funktionen zu sehen, aber ich kann falsch sein) Sie Erfolg nach dem Ziel, zB

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


     //image loading codes will be here 


    } 

so wird dieses Bild ausführen aufrufen Laden von Codes, nachdem ajaxForm erfolgreich ausgeführt wurde.

Answer 2

Einreichen über Ajax.

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

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