ajax中嵌套ajax的一个小示范。

1.       function getDeptList() {
   
2.     $.ajax({
   
3.         url: "/dept",
   
4.         type: "get",
   
5.         success: function (result) {
   
6.             $.each(result.extend.deptList, function (index, item) {
   
7.                  let ouid=item.ould;
   
8.                 $("#staffOnline").append(
   
9.                     '<div class="list-group"><a class="list-group-item active" data-toggle="collapse" href="#guideContent' + ouid + '">' + item.ouName + '</a>' +
   
10.                     '<div id="guideContent' + ouid + '" class="collapse in">' +
    
11.                     '</div>' +
    
12.                     '</div>'
    
13.                 );
    
14.             byouId(ouid);
    
15.             })
    
16.             sendLoginMessage();
    
17.         }
    
18.     })
    
19. }
    
20. function byouId(ouid){
    
21.     $.ajax({
    
22.         url: "/dept/byouid",
    
23.         data: "ouid="+ouid,
    
24.         async: false,//注意！！这个为必要的参数，不然这个会在上面的Ajax请求结束后才执行
    
25.         type: "get",
    
26.         success: function (result2) {
    
27.             $.each(result2.extend.deptList2, function (index2, item2) {
    
28.                 $("#guideContent"+ouid).append(
    
29.                     '<input type="checkbox" name="username" value="'+item2.sysEmployee.empName+'"/><span>'+item2.sysPost.postName+':'+item2.sysEmployee.trueName+'</br></span>'
    
30.                 );
    
31.             });
    
32.         },
    
33.     })
    
34. }
    
35. 
    
36. 
    
37. `
    
38. 
    

复制代码