jQuery

Question

Çoklu Eşzamanlı Ajax İstekleri (bir geri arama ile) Tüm veritabanı çağrılarını ayrı komut dosyalarına bölerek ve bunları aynı anda ajax ile çalıştırarak daha hızlı yüklenecek bir sayfa almaya çalışıyorum. Biraz araştırma yaptım ve jQuery'nin buna dikkat edebilecek $ .when(). Then() işlevine sahip olduğunu gördüm. Ben ajax'ın temelleri ile iyiyim ama ertelenmiş/vaat kavramı biraz kafamı karıştırdı. Aşağıdaki kodu denedim ancak verileri yalnızca ilk ajax sonucundan yükleyeceğim. Birincisini yorumlamak bir sonraki filmi yükleyecek, ancak sadece bir tanesi sayfada görünecektir. Bu konuda herhangi bir yardım için teşekkür ederiz. Teşekkürler.

$.when( $.post('extensions/ext_adjustments_investigation/general_details.php', {sku: sku},function(data) { result = data; }), 
       $.post('extensions/ext_adjustments_investigation/location_information.php', {sku: sku},function(data1) { result1 = data1; }), 
       $.post('extensions/ext_adjustments_investigation/annotations.php', {sku: sku},function(data2) { result2 = data2; }), 
       $.post('extensions/ext_adjustments_investigation/adjustment_history.php', {sku: sku},function(data3) { result3 = data3; }) 

    ).then( 
    function() { 
     $("#searching").addClass("hidden"); 
     $("#load").prop("disabled",false); 
       $("#general").html(result).hide().slideDown()("slow"); 
       $("#location").html(result1).hide().slideDown()("slow"); 
       $("#anno").html(result2).hide().slideDown()("slow"); 
       $("#history").html(result3).hide().slideDown()("slow"); 
       } 
    ); 

Answer 1

$.when(calla(), callb()).then(
    function(result1, result2){ 
     //do something with the results 
    } 
    , 
    function(error){ 
     console.log('error'+error); 
    } 
); 

Bunu çalışması için başarı ve hata fonksiyonları argümanlar eklemeye devam. Belki bu şekilde mekanize edilebilir

$.when(
    $.post('extensions/ext_adjustments_investigation/general_details.php', {sku: sku}), 
    $.post('extensions/ext_adjustments_investigation/location_information.php', {sku: sku}), 
    $.post('extensions/ext_adjustments_investigation/annotations.php', {sku: sku}), 
    $.post('extensions/ext_adjustments_investigation/adjustment_history.php', {sku: sku}) 
).then(
    function (general, location, annotations, history) { 
     $("#searching").addClass("hidden"); 
     $("#load").prop("disabled", false); 
     $("#general").html(general).hide().slideDown()("slow"); 
     $("#location").html(location).hide().slideDown()("slow"); 
     $("#anno").html(annotations).hide().slideDown()("slow"); 
     $("#history").html(history).hide().slideDown()("slow"); 
    } 
); 

Answer 2

yardımcı Umut aşağıdaki gibidir:

var baseURL = 'extensions/ext_adjustments_investigation/'; 
var data = [ 
    {script: 'general_details.php', selector: "#general"}, 
    {script: 'location_information.php', selector: "#location"}, 
    {script: 'annotations.php', selector: "#anno"}, 
    {script: 'adjustment_history.php', selector: "#history"} 
]; 
var promises = data.map(function(item) { 
    return $.post(baseURL + item.script, {sku: sku}).then(function(data, textStatus, jqXHR) { 
     return data; 
    }, function(error) { 
     console.log(error); 
     return $.when('error');//error recovery 
    }); 
}); 
$.when.apply(null, promises).then(function() { 
    $('#searching').addClass('hidden'); 
    $('#load').prop('disabled', false); 
    for(var i=0; i<arguments.length; i++) { 
     $(data[i].selector).html(arguments[i]).hide().slideDown()('slow'); 
    } 
}); 

Answer 3

bir geri arama veri almak gerekir o