javascript - jqueryでajax呼び出しが完了したときにコードを実行するにはどうすればよいですか？

Question

いくつかのコンテンツを含むdivがあります。このdivを上にスライドさせて、新しいコンテンツをダウンロードできるようにしたいと思います。コンテンツがajaxを介してロードされたら、divを再び下にスライドさせて、新しいコンテンツを表示します。それぞれのピースを別々に扱う方法は知っていますが、一度にすべてを処理する方法はわかりません。これは私が持っているものです：

$(element).slideUp('fast'); // slide up
$(element).slideDown('fast'); // slide down 
$(element).ajax(url); // download the text

Answer 1

スライドアップのコールバックとajaxの成功ハンドラーも使用する必要があります。コードは次のようになります。

$(element).slideUp('fast', function() {
    $.get(url, data, function (result) {
        $(element).html(result);
        $(element).slideDown('fast');
    });
});

Answer 2

$.ajax(url).done(function (response) {
  // your code
});