在jquery中调用两个用户定义的函数

Question

你好 我试图调用两个用户定义的函数，并期望第一个函数必须先执行，然后是第二个……但它们是同时执行的。

$.firstfunc = function(){
//Do something
//jQuery.ajax({
});

$.secondfunc = function(){
//Do something
jQuery.ajax({
});

$.(document).ready(function(){
$.firstfunc();
$.secondfunc();
});

任何帮助将不胜感激。

谢谢！

Answer 1

警告：需要 jQuery 1.5+

$.firstfunc = function() {
  return $.ajax({});
}

$.secondfunc = function() {
  return $.ajax({});
}

$(function() {
  $.when($.firstfunc).then($.secondfunc);
});

使用 $ 的黑魔法.Deferred 和 $.when< /a>.

它基本上是说当你第一个函数完成它的 ajax 调用时，然后调用第二个函数。

这是因为 $.ajax 返回 jqXHR 对象继承自 $.Deferred。

如果您想在 $.firstfunc 和 $.secondfunc 完成时附加回调，则可以执行以下操作（需要 jQuery 1.6）：

$(function() {
  $.first().pipe($.second).done(function(second_data) {
    // both finished.
  });
});

旧版： jQuery 1.4.2 和 jQuery 1.4.2 1.3.2 支持。

$.firstfunc = function(cb) {
  $.ajax({
    success: function() {
      ...
      cb();
    },
    ...
  });
}

$.secondfunc = ...

$(function() {
  $.firstfunc($.secondfunc);
});

Answer 2

让第一个函数在代码之后调用第二个函数。

function firstfunc() {
    // Do something

    secondfunc();
}

function secondfunc() {
    // Do something else
}

编辑（现在我看到你的编辑）：

使用ajax函数的回调部分。

$.get("somepage.php", "key1=value1&key2=value2", function(data) {
    // This code will run when the result is received
});

Answer 3

发生这种情况是因为 Ajax 请求是异步处理的。如果您希望第二个函数在第一个函数之后运行，请将其添加到第一个 Ajax 请求的回调函数中。

Answer 4

您应该从第一个 .ajax 调用的回调中调用第二个。

您可以显式定义它：

$.firstfunc = function(){
    //Do something
    jQuery.ajax({
        callback:$.secondfunc
    });
};

$.secondfunc = function(){
    //Do something
    jQuery.ajax({
    });
};

$(document).ready(function(){
    $.firstfunc();
});

...或将其作为参数传递：

$.firstfunc = function( func ){
    //Do something
    jQuery.ajax({
        callback:func
    });
};

$.secondfunc = function(){
    //Do something
    jQuery.ajax({
    });
};

$(document).ready(function(){
    $.firstfunc( $.secondfunc );
});