javascript - 在另一个函数中使用函数的响应

Question

function tinyurl(){
jQuery.ajax({
url:'http://tinyurl.com/api-create.php?url=http://xxxxxxxxxxx/',
dataType:'script',
success:function(response){
    welcomemsg(response.id);
 }
});
}

 function namie(){
 jQuery.ajax({
 url:'https://xxxxxx.com/names?user=random,
 dataType:'jsonp',
 success:function(data){
 welcomemsg(data);
 }
 });
}

 function welcomemsg(){
 jQuery.ajax({
 url:'https://xxxxx.com/posts?walmessage=Hello ' + data.name + ' your post has been posted '+ response.id +',
 dataType:'script',
 success:function(){
 }
 });
 }

在这里，我无法在 welcomemsg 中传递函数 tinyurl 的响应和函数 namie 的响应。

也尝试通过更改参数。

没有取得任何成功。

我想在函数 welcomemsg 中使用 tinyurl 和 namie 的响应。

Answer 1

jQuery 的$.ajax()函数返回一个Deferred对象；您可以使用$.when()将两个结果合并为一个：

function tinyurl()
{
    return jQuery.ajax({
        url:'http://tinyurl.com/api-create.php?url=http://xxxxxxxxxxx/',
        dataType:'script'
    });
}

function namie()
{
    return jQuery.ajax({
        url:'https://xxxxxx.com/names?user=random',
        dataType:'jsonp'
    });
}

$.when(tinyurl(), namie()).done(function(a1, a2) {
    var response = a1[0],
    data = a2[0];

    jQuery.ajax({
        url: 'https://xxxxx.com/posts?walmessage=Hello ' + data.name + ' your post has been posted '+ response.id,
        dataType:'script',
        success:function(){
        }
    });
});

请注意，您应该正确使用转义 URL 参数，即

url: 'https://xxxxx.com/posts?' + jQuery.param({
    walmessage: 'Hello ' + data.name + ', your post has been ...'
})