jQueryラッパー関数のコールバック

Question

htmlテンプレートを取得し、jQuery.tmplを使用してデータをバインドする関数を記述しました。私はそれがかなりきちんとしてきれいで、私が必要とするものをカプセル化し、私に再利用可能な機能を提供すると思います。しかし、私の質問は改善することができます。

私の主な関心事は、$ .getメソッドが失敗し、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

を確認してくださいあなたのターゲットコンテナをクリアすると同時に、新しいコンテンツを追加するhtml()に直接tmpl()の結果を渡すことができます。また、ローカル変数を使用しないようにごsuccessハンドラに$.get()の結果をチェーンすることができます

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

$.get()が失敗した場合は、エラーハンドラを登録していないので、何も起こりません。そのハンドラはあなた次第ですが、警告ボックスやページのどこかに適切なメッセージを表示したい場合があります。

あなたの2番目の懸念はあまり明確ではありません。現状では、callBackは引数なしで成功すると呼び出されます。

Answer 2

$ .ajaxを使用してカルバックを割り当てたり、エラーを計算したりすることができます。例：

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

は、API http://api.jquery.com/jQuery.ajax/