jqueryを使用してフォームを送信した後に別の関数を呼び出す方法

Question

私のPHP Webサイトでjquery phpを使用してイメージアップロードコードを実装しました。

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

のアップロードは、アップロードボタン$('#subtUpload').上のユーザーのクリックはそれがうまく働いているときに開始される私のコードを参照してください。画像をアップロードした後、jquery Ajaxを使用してデータベースからすべての画像を表示する別の関数を呼び出したいと思います。私はこれを知っています

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

しかし、私はこの関数を書いています。私は

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

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

以内にこれを書いている。しかし、それは私の目標は、誰もが知っていた画像

をアップロードした後、データベースからすべての画像を表示することです

を働いていないのですか？

Answer 1

あなたは、ターゲット例えば

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


     //image loading codes will be here 


    } 

ので、これが実行された画像の後の成功を呼び出すことができます（私は関数から見るけどとして、私は間違っている可能性があります）このプラグインをhttp://malsup.com/jquery/form使用している場合ajaxFormが正常に実行された後のコードのロード。

Answer 2

via ajax。

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

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