js+ajax+ext变量作用域问题

 先上代码：
var htmlTeam='<tr><td>队名称:&nbsp;&nbsp;';

Ext.onReady(function() {

 var url = "StudentTeamAction!getStudTeam.action";
 $.ajax({
  type: 'post',
  url: url,
  success: function(data){
   var list = eval("("+data+")");
   var root = list.root;
   for ( var i = 0; i <root.length ; i++) {
    htmlTeam+='<input type="checkbox" name="StudentTeam" value="'+root[i].TeamName+'">'+root[i].TeamName+'&nbsp;';
    if(i%7==0&&i!=0){
     htmlTeam+="<br>";
    }
   }
   htmlTeam+="</td></tr>";
   alert(htmlTeam);
  }
 });

 alert(htmlTeam);
var panelTj = new Ext.Panel({  //查询条件panel
  collapsible:true,
  border:false,
  title:'综合查询',
  layout:'fit',
  html:'<table border="0">'+htmlTeam+'<tr><td align="center"><input type="button" value="   搜       索     " οnclick="but()"></td></tr></table>'
 });
 
 new Ext.Viewport( {
  autoScroll:true,
  layout : "form",
  items : [panelTj]
 });
 
});

 

大家猜猜，两个alert会弹出的值？