For循环中由于ajax异步导致的问题解决（增加alert数据正常，去掉alert之后数据错误）

　　由于ajax异步请求的机制，for循环运行不会等内部ajax请求结束，而直接循环到最后。解决方法：将for循环里面的请求单独封装一个方法。

　　个人遇到的问题具体如下

　　下面这段代码，如果第5行studata存在多条数据，每次课程表的标题都为最后一个孩子的 学校名称+班级+孩子姓名。

 ////1:获取小孩和所在班级列表
 GetStudentAndClassList(UserGuid, function (sdata) {
                     if (sdata.status == "success") {
                         //返回数据成功后获取各个班级课程表
                         var studata = sdata.data;
                         for (var i = 0; i < studata.length; i++) {
                             var classguid = studata[i].CLASSGUID;    //班级Guid
                             var childname = studata[i].CHILDNAME;//小孩姓名
                             var zdxxmc = studata[i].ZDXXMC; //所在学校名称
                             var bj = studata[i].BJ;//班级名称
                             //zdxxmc +bj+childname为课程表标题
                             GetStudentKCB(classguid, function (jdata) {
                                 if (jdata.status == "success") {
                                     ShowKCBStudent(jdata.data, zdxxmc +bj+childname);
                                 }
                                 else {
                                     alert(jdata.status);
                                 }
                             });
                         }
                     }
                     else {
                         alert(jdata.status);
                     }
                 });
 //获取小孩和所在班级列表ajax请求方法
 function GetStudentAndClassList(UserGuid, CallBack) {
             jQuery.ajax({
                 url: Common.GlobalSettings.VirtualDirectory + "/ashx/Curriculum.ashx",
                 type: "post",
                 data: { 'method': 'studentandclasslist', 'userguid': UserGuid },
                 dataType: "json",
                 success: function (studata) {
                     CallBack(studata);
                 },
                 error: function (XMLHttpRequest, txtStatus, errorThrown) {
                     Common.ErrorHandle(XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + txtStatus + "|" + errorThrown);
                     Common.ErrorHandle("XXTApp/NewCurriculum.aspx");

                 }

             });

         };
 //获取学生课程表的ajax请求
         function GetStudentKCB(ClassGuid, CallBack) {

             jQuery.ajax({
                 url: Common.GlobalSettings.VirtualDirectory + "/ashx/Curriculum.ashx",
                 type: "post",
                 data: { 'method': 'studentkcb', 'classguid': ClassGuid },
                 dataType: "json",
                 success: function (jdata) {
                     CallBack(jdata);
                 },
                 error: function (XMLHttpRequest, txtStatus, errorThrown) {
                     Common.ErrorHandle(XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + txtStatus + "|" + errorThrown);
                     Common.ErrorHandle("XXTApp/NewCurriculum.aspx");

                 }

             });
         }
 //显示学生课程表
         function ShowKCBStudent(data,KCBTitle) {

             //1: 清空课程表模板
             $("#KCBMode").html(s);
             $("#KCBTitle").html("<p class='CourseName'>" + KCBTitle+"的课表" +  "</p>");
             //2：读取课程表放到隐藏的模板中
             for (var i = 0; i < data.length; i++) {
                 $("#" + data[i].WEEKDAY + "_" + data[i].CLASSNUM).attr("title", data[i].KCM + '教师：' + data[i].TEACHERNAME);
                 $("#" + data[i].WEEKDAY + "_" + data[i].CLASSNUM).attr("courseguid", data[i].COURSEGUID);
                 $("#" + data[i].WEEKDAY + "_" + data[i].CLASSNUM).html("<p class='CourseName'>" + data[i].KCM.substr(0, 1) + "</p><p class='ClassName'>" + data[i].TEACHERNAME + "</p>");
             }
             //3：读取模板中的课程表，放到新的table显示
             //<div><table class="CurriculumTable" style="display: block" cellpadding="0" cellspacing="0" border="0">
             var KCBhtml = "<div><table class=\"CurriculumTable\" style=\"display: block\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
             KCBhtml += $("#KCBMode").html();
             KCBhtml += "</table></div>";
             //为了拼接后的课程表不影响模板，将ID换成KCBid之后再添加到Container div中
             var KCB = KCBhtml.replace(new RegExp('id', 'gm'), "KCBid");
             $("#Container").append(KCB);
         }

结果如下：

解决后的结果：

解决方法，将for循环内的每次请求封装为一个单独的方法。修改后代码如下：

  //1:获取小孩和所在班级列表
                 GetStudentAndClassList(UserGuid, function (sdata) {
                     if (sdata.status == "success") {
                         //返回数据成功后获取各个班级课程表
                         var studata = sdata.data;
                         for (var i = 0; i < studata.length; i++) {
                             var classguid = studata[i].CLASSGUID;    //班级Guid
                             var KCBTitle = studata[i].ZDXXMC + studata[i].BJ +studata[i].CHILDNAME;//学校+班级+姓名 作为课程表标题
                             GetKCBajax(classguid, KCBTitle);
                         }
                     }
                     else {
                         alert(jdata.status);
                     }
                 });
  //由于ajax异步请求，在for循环会有问题。for循环不会等ajax请求返回结果结束,故单独封装成方法
         function GetKCBajax(classguid, KCBTitle) {
             GetStudentKCB(classguid, function (jdata) {
                 if (jdata.status == "success") {
                     ShowKCBStudent(jdata.data, KCBTitle);
                 }
                 else {
                     alert(jdata.status);
                 }
             });
         }

 //显示学生课程表
         function ShowKCBStudent(data,KCBTitle) {

             //1: 清空课程表模板
             $("#KCBMode").html(s);
             $("#KCBTitle").html("<p class='CourseName'>" + KCBTitle+"的课表" +  "</p>");
             //2：读取课程表放到隐藏的模板中
             for (var i = 0; i < data.length; i++) {
                 $("#" + data[i].WEEKDAY + "_" + data[i].CLASSNUM).attr("title", data[i].KCM + '教师：' + data[i].TEACHERNAME);
                 $("#" + data[i].WEEKDAY + "_" + data[i].CLASSNUM).attr("courseguid", data[i].COURSEGUID);
                 $("#" + data[i].WEEKDAY + "_" + data[i].CLASSNUM).html("<p class='CourseName'>" + data[i].KCM.substr(0, 1) + "</p><p class='ClassName'>" + data[i].TEACHERNAME + "</p>");
             }
             //3：读取模板中的课程表，放到新的table显示
             //<div><table class="CurriculumTable" style="display: block" cellpadding="0" cellspacing="0" border="0">
             var KCBhtml = "<div><table class=\"CurriculumTable\" style=\"display: block\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
             KCBhtml += $("#KCBMode").html();
             KCBhtml += "</table></div>";
             //为了拼接后的课程表不影响模板，将ID换成KCBid之后再添加到Container div中
             var KCB = KCBhtml.replace(new RegExp('id', 'gm'), "KCBid");
             $("#Container").append(KCB);
         }
 //获取孩子以及所在班级列表
         function GetStudentAndClassList(UserGuid, CallBack) {
             jQuery.ajax({
                 url: Common.GlobalSettings.VirtualDirectory + "/ashx/Curriculum.ashx",
                 type: "post",
                 data: { 'method': 'studentandclasslist', 'userguid': UserGuid },
                 dataType: "json",
                 success: function (studata) {
                     CallBack(studata);
                 },
                 error: function (XMLHttpRequest, txtStatus, errorThrown) {
                     Common.ErrorHandle(XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + txtStatus + "|" + errorThrown);
                     Common.ErrorHandle("XXTApp/NewCurriculum.aspx");
                 }
             });

         };
 //获取学生课程表
         function GetStudentKCB(ClassGuid, CallBack) {

             jQuery.ajax({
                 url: Common.GlobalSettings.VirtualDirectory + "/ashx/Curriculum.ashx",
                 type: "post",
                 data: { 'method': 'studentkcb', 'classguid': ClassGuid },
                 dataType: "json",
                 success: function (jdata) {
                     CallBack(jdata);
                 },
                 error: function (XMLHttpRequest, txtStatus, errorThrown) {
                     Common.ErrorHandle(XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + txtStatus + "|" + errorThrown);
                     Common.ErrorHandle("XXTApp/NewCurriculum.aspx");

                 }

             });
         }