使用带有下划线循环的回调函数.js骨干.js项目不起作用

我正在用underscore.js和require.js开发backbone.js项目。

我创建了一个javascript回调函数，以便使用ajax从Web服务获取数据：

this.getProCallBack = function(type,callback){
var result = "";
  $.ajax({
    url: url, //rest url
    type:"GET", 
    dataType:"json",
    contentType: "application/json",
    success: function(response){
        result = callback(response);
    }
  });
}

这是骨干网的观点.js

 define(["jquery" ,
   "underscore" ,
   "backbone",
   "text!templates/Layout/ba.html",
   "promo"
 ],function($, _, Backbone, BannerTem, Promo){
    var BaView = Backbone.View.extend({
        initialize : function(){
        },
        render: function(options){
           var _banner = _.template(BannerTem);
           $(this.el).html(_banner({type : this.options.type}));
           return this;
       }
     });
     return BannerView;
 });

我正在使用text.js来调用带有html文件的下划线模板。

这是一个模板：ba.html

<div id="ei-slider" class="ei-slider">
 <ul class="ei-slider-large">
    <%
        var home = new Promo();
        home.getProCallBack(type,function(result){
        _.each(result, function(slideimg){
            switch(slideimg.ItemCount){
                case 0 :
                alert(slideimg.PromotionImage);
    %>
    <li>
        <a href="#detail/<%=slideimg.ItemList[0].UID%>">
            <img src="slideimg.PromotionImage%>" />
        </a>
    </li>
    <%
            break;
            default:
    %>
    <li>
        <a href="#detail" style="float: left;">
            <img src="slideimg.PromotionImage%>" />
        </a>
    </li>
    <%
        }
    %>
 </ul>
</div>

问题：alert()正在case块中工作，但<img>没有显示在DOM中。

我不确定是因为_.each() callback功能不起作用或可能导致此问题的原因。

任何可能造成这种情况的原因。谢谢。