jQuery sarıcı işlevinde geri arama

Question

Bir html şablonu alan ve jQuery.tmpl kullanarak verileri bağlayan bir işlev yazdım. Oldukça düzgün ve düzenli olduğunu ve ihtiyacım olan şeyleri kapsandığını ve yeniden kullanılabilir bir işlev sağladığını düşünüyorum. Benim sorum yine de geliştirilebilir.

Temel endişem, $ .get yönteminin başarısız olması durumunda ve ayrıca callBack işlevinin nasıl yürütüldüğü.

function Bind(templateURL, templateData, templateTarget, callBack){ 
var req = $.get(templateURL); 
    req.success(function(templateHtml) { 
     $(templateTarget).html(''); //clear 
     $(templateHtml).tmpl(templateData).appendTo(templateTarget); //add deal 
    callBack(); 
    }); 
} 

Answer 1

Eğer hedef konteyner temizlemek ve aynı zamanda yeni içerik eklemek için tmpl() doğrudan html() için sonucunu geçebilir. Ayrıca yerel bir değişken kullanarak önlemek için success işleyicisi içine $.get() sonucunu zincir edebilirsiniz: $.get() başarısız olursa bir hata işleyicisi kayıt olmadığı için

function Bind(templateURL, templateData, templateTarget, callBack) 
{ 
    $.get(templateURL).success(function(templateHtml) { 
     $(templateTarget).html($(templateHtml).tmpl(templateData)); 
     callBack(); 
    }); 
} 

, hiçbir şey olmaz. Bu işleyicinin size yapabileceği şey, ancak bir uyarı kutusuna veya sayfanın başka bir yerinde uygun bir mesaj görüntülemek isteyebilirsiniz.

İkinci endişeniz daha az açık. Bu haliyle, callBack sadece başarı ve argümanlar olmadan çağrılacaktır.

Answer 2

$ .ajax öğesini, atamayı atamak ve hata vermek için kullanabilirsiniz. örn:

var jqxhr = $.ajax({ url: "example.php" }) 
    .success(function() { alert("success"); }) 
    .error(function() { alert("error"); }) 

Kontrol api http://api.jquery.com/jQuery.ajax/