在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

您可以将结果tmpl()直接传递给html()以清除目标容器并同时附加新内容。您还可以将$.get()的结果链接到success处理程序中以避免使用局部变量：

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

如果$.get()失败，则不会发生任何事情，因为您没有注册错误处理程序。该处理程序将执行的操作取决于您，但您可能希望在警报框或页面上的某个位置显示适当的消息。

你的第二个问题不太清楚。就目前情况而言，callBack只会在成功时才会被调用，并且不会有任何争论。