ajax异步在页面造成的问题

ajax的异步可能会导致之前获取的数据，后面获取不到，原因是ajax还在加载。此时分两个函数分别设置延时调用，或者用同步

function detail(id) {
//获取数
alert(id);
var datag;
var ui='<%=detailuii%>';
var urll =ui+id;
$.ajax({
type:'get',
url:urll,
async:false,
data:'',
success:function(data){
alert(data);
datag=data;

}
});
$("#detail-form").append('');
var table = '<table width="100%" border="0" cellspacing="0" cellpadding="0">';


for(var i=0;i<datag.data.length;i++){
if(datag.data[i].id==id){
table += '<tr style="height:25px; line-height:25px;padding-left:10px;">'
+'<th align="left" width="25%" >ip地址：</th>';
if(datag.data[i].ipaddr==""||datag.data[i].ipaddr==null){
table += '<td align="left" width="25%" ></td>';
}else{
table += '<td align="left" width="25%" >'+datag.data[i].ipaddr+'</td>';
}
table += '<th align="left" width="25%" >用户名：</th>';
if(datag.data[i].name==""||datag.data[i].name==null){
table += '<td align="left" width="25%" ></td>';
}else{
table += '<td align="left" width="25%" >'+datag.data[i].name+'</td>';
}
table += '</tr>'
+'<tr style="height:25px; line-height:25px;padding-left:10px;">'
+'<th align="left" width="25%" >描述：</th>';
if(datag.data[i].ms==""||datag.data[i].ms==null){
table += '<td align="left" width="25%" ></td>';
}else{
table += '<td align="left" width="25%" >'+datag.data[i].ms+'</td>';
}


table +='</tr>';
}}
table += '</table>';
$("#detail-form").append(table);
document.getElementById("detail-form").style.display= "block";
$("#detail-form").dialog({
autoOpen : false,
height : 'auto',
width : 590,
modal : true,
onClose:function(){
$("#detail-form").empty();
$("#detail-form").attr("style", "display: none;overflow-y:auto;height:100%;");
}
});
$("#detail-form").dialog("open");



}