在jquery中完成ajax调用后如何运行一些代码?

时间:2012-09-03 03:54:10

标签: javascript ajax jquery jquery-effects

我有一个包含一些内容的div。我希望这个div能够上传并下载一些新内容。当通过ajax加载内容时,我希望div再次向下滑动并显示新内容。我知道如何分别处理每一件,但我不知道如何一次完成所有这些。这就是我所拥有的:

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

您还需要使用slideUp的回调和ajax的成功处理程序。您的代码看起来像这样:

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