jquery ajax 具有两个服务调用

Question

下面有更好的写法吗？

我需要调用两项服务。

需要从第一个服务返回的数据来创建第二个 ajax 调用的 url。

    $.ajax({
        url: 'http://service',
        type: 'GET',
        dataType: 'json',
        timeout: 1000,
        error: function(){
            alert('Error loading json document');
        },
        success: function(json){
            processJson(json.foo);
        }
    });


    function processJson(url) {

    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json',
        timeout: 1000,
        error: function(){
            alert('Error loading json document');
        },
        success: function(json){
                displayJson(json.foo);
        }
    });
}

Answer 1

不，我就是这么做的。也许我会使用一些内置的 ajax 函数，或者创建一个预设了这些参数的函数:

function ajax(url, error, success){
  $.ajax({
    url: url,
    type: 'GET',
    dataType: 'json',
    timeout: 1000,
    error: function(){
      alert('Error loading json document');
    },
    success: success,
  });
}


ajax('http://service', function(json){
  ajax(json.foo, function(json){
    displayJson(json.foo);
  });
});