Richiamata nella funzione wrapper jQuery

Question

Ho scritto una funzione che recupera un modello html, quindi associa i dati utilizzando jQuery.tmpl. Penso che sia abbastanza pulito e ordinato e incapsula ciò di cui ho bisogno e mi fornisce una funzione riutilizzabile. La mia domanda tuttavia è che può essere migliorata.

La mia preoccupazione principale è cosa succede se il metodo $ .get fallisce, e anche come viene eseguita la funzione callBack.

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

È possibile passare il risultato di tmpl() direttamente al html() per cancellare il vostro contenitore di destinazione e aggiungere nuovi contenuti allo stesso tempo. È inoltre possibile concatenare il risultato di $.get() nel vostro success gestore per evitare l'uso di una variabile locale:

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

Se $.get() fallisce, non succederà nulla dal momento che non si registra un gestore di errori. Ciò che questo gestore farebbe dipende da te, ma potresti voler visualizzare un messaggio appropriato in una casella di avviso o da qualche parte sulla pagina.

La tua seconda preoccupazione è meno chiara. Allo stato attuale, callBack verrà chiamato solo in caso di successo e senza argomenti.

Answer 2

È possibile utilizzare $ .ajax per assegnare e errore calback. es:

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

Controllare l'API http://api.jquery.com/jQuery.ajax/