jquery làm thế nào để sử dụng nhiều ajax gọi một sau khi kết thúc sự khác

Question

Tôi đang ở ứng dụng di động và tôi sử dụng nhiều các cuộc gọi Ajax để nhận dữ liệu từ máy chủ web như dưới đây

function get_json() { 
    $(document).ready(function() { 
     $.ajax({ 
      url: 'http://www.xxxxxxxxxxxxx', 
      data: { 
       name: 'xxxxxx' 
      }, 
      dataType: 'jsonp', 
      //jsonp: 'callback', 
      //jsonpCallback: 'jsonpCallback', 
      success: function(data) { 
       $.each(data.posts, function(i, post) { 
        $.mobile.notesdb.transaction(function(t) { 
         t.executeSql('INSERT into bill (barcode, buildingcode, buildingaddress, flatname, flatdescription, entryseason, period, amount, pastpayments, todaypayments, paydate, receiptno) VALUES (?,?,?,?,?,?,?,?,?,?,?,?);', [post.Id, post.Code, post.Address, post.Name, post.Description, post.EntrySeason, post.Period, post.Revenue, post.PastPayments, post.todaypayments, post.paydate, post.receiptno], 
         //$.mobile.changePage('#page3', 'slide', false, true), 
         null); 
        }); 
        $('#mycontent').append(post.Name); 
       }); 
      } 
     }); 

     $.ajax({ 
      xxxx 
     }); 

     $.ajax({ 
      xxxx 
     }); 
    }); 
} 

Làm thế nào tôi có thể buộc các ajax 2 gọi để bắt đầu sau khi kết thúc đầu tiên ... thứ 3 sau khi kết thúc ngày 2 và tiếp tục?

Answer 1

Đặt chúng vào bên trong của success: của thiết bị dựa vào.

$.ajax({ 
    url: 'http://www.xxxxxxxxxxxxx', 
    data: {name: 'xxxxxx'}, 
    dataType: 'jsonp', 
    success: function(data){ 

     // do stuff 

     // call next ajax function 
     $.ajax({ xxx }); 
    } 
}); 

Answer 2

Bọc mỗi cuộc gọi ajax trong một hàm có tên và chỉ cần thêm chúng vào callbacks thành công của các cuộc gọi theo thời gian:

function callA() { 
    $.ajax({ 
    ... 
    success: function() { 
     //do stuff 
     callB(); 
    } 
    }); 
} 

function callB() { 
    $.ajax({ 
    ... 
    success: function() { 
     //do stuff 
     callC(); 
    } 
    }); 
} 

function callC() { 
    $.ajax({ 
    ... 
    }); 
} 


callA(); 

Answer 3

Bạn đang có phần chặt chẽ, nhưng bạn nên đặt chức năng của bạn trong trường hợp document.ready xử lý thay vì theo cách khác.

Đặt cuộc gọi AJAX của bạn trong một hàm và gọi nó từ callback AJAX:

$(function() { 

    //setup an array of AJAX options, each object is an index that will specify information for a single AJAX request 
    var ajaxes = [{ url : '<url>', dataType : 'json' }, { url : '<url2>', dataType : 'xml' }], 
     current = 0; 

    //declare your function to run AJAX requests 
    function do_ajax() { 

     //check to make sure there are more requests to make 
     if (current < ajaxes.length) { 

      //make the AJAX request with the given data from the `ajaxes` array of objects 
      $.ajax({ 
       url  : ajaxes[current].url, 
       dataType : ajaxes[current].dataType, 
       success : function (serverResponse) { 
        ... 
        //increment the `current` counter and recursively call this function again 
        current++; 
        do_ajax(); 
       } 
      }); 
     } 
    } 

    //run the AJAX function for the first time once `document.ready` fires 
    do_ajax(); 
}); 

Answer 4

$(document).ready(function(){ 
$('#category').change(function(){ 
    $("#app").fadeOut(); 
$.ajax({ 
type: "POST", 
url: "themes/ajax.php", 
data: "cat="+$(this).val(), 
cache: false, 
success: function(msg) 
    { 
    $('#app').fadeIn().html(msg); 
    $('#app').change(function(){  
    $("#store").fadeOut(); 
     $.ajax({ 
     type: "POST", 
     url: "themes/ajax.php", 
     data: "app="+$(this).val(), 
     cache: false, 
     success: function(ms) 
      { 
      $('#store').fadeIn().html(ms); 

      } 
      });// second ajAx 
     });// second on change 


    }// first ajAx sucess 
    });// firs ajAx 
});// firs on change 

}); 

Answer 5

Bạn cũng có thể sử dụng jquery khi nào và sau đó chức năng. ví dụ

$.when($.ajax("test.aspx")).then(function(data, textStatus, jqXHR) { 
    //another ajax call 
}); 

https://api.jquery.com/jQuery.when/

Answer 6

tôi cân nhắc những điều sau đây là thực dụng hơn vì nó không trình tự các cuộc gọi ajax nhưng điều đó chắc chắn là một vấn đề của hương vị.

function check_ajax_call_count() 
{ 
    if (window.ajax_call_count==window.ajax_calls_completed) 
    { 
     // do whatever needs to be done after the last ajax call finished 
    } 
} 
window.ajax_call_count = 0; 
window.ajax_calls_completed = 10; 
setInterval(check_ajax_call_count,100); 

Bây giờ bạn có thể lặp window.ajax_call_count bên trong một phần thành công của các yêu cầu ajax của bạn cho đến khi nó đạt đến số lượng nhất định các cuộc gọi gửi (window.ajax_calls_completed).

Answer 7

Đây là giải pháp thanh lịch nhất mà tôi đã sử dụng trong một thời gian. Nó không yêu cầu biến đếm bên ngoài và nó cung cấp mức độ đóng gói tốt đẹp.

var urls = ['http://..', 'http://..', ..]; 

function ajaxRequest (urls) { 
    if (urls.length > 0) { 
     $.ajax({ 
      method: 'GET', 
      url: urls.pop() 
     }) 
     .done(function (result)) { 
      ajaxRequest(urls); 
     }); 
    } 
} 

ajaxRequest(urls); 

Answer 8

Chúng tôi chỉ đơn giản là có thể sử dụng

async: false 

này sẽ làm nhu cầu của bạn.