business

Click the person data submitted by the submit button loop to the submission API separately
Since the submission method is Ajax is asynchronous, the simple loop submission will appear in order
So use async AWAIT to block

Code

    onSubmit() {
      let that =this
      Let asynclist = [] // Ajax method array
      for(let i=0;i<that.selectEmployees.length;i++) {
                 Let Arg = That.SelectemPloyees [i] // Need to pass the parameters
        async function test(arg){enroll(arg.employeeId, that.courseId, 'UNCANCELED')} 
                 Asynclist.push ({func: test, argument: arg}) // Put the test method in an array, by the way
      };
      async function async(){
                 For (var i = 0; i <askNCLIST.LENGTH; i ++) {// cycle AJAX method array
                     AWAIT AsyncList [i] .func (asynclist [i] .Argument) .Then (() => {//. THEN can further process the return value
                         Console.log ('has executed' + i)
          })
        }
      }
             Async (). Then (() => {// All Ajax execution processing
                 Console.log ('execution is ")
      })
    },

Small Demo, execution order

The above code can actually simplify

function fuc1(){
      return new Promise((resolve)=>{
      setTimeout(() => {
          resolve('fuc1')
          console.log('fuc1')
       }, 2000);
      })
       
    };
function fuc2(){
      return new Promise((resolve)=>{
        setTimeout(() => {
          resolve('fuc2')
          console.log('fuc2')
       }, 1000);
      })
       
    };
var list=[fuc1,fuc2]
async function fuc(){
    for(var i=0;i<list.length;i++){
        console.log(list[i])
        await  list[i]().then(console.log(i+'done'))
        }
    };
fuc().then(()=>{console.log('all done')})

AWAIT will block the current async

The problem with the execution order can be referred to, quite quite detailed
https://blog.csdn.net/m0_37922914/article/details/108564884