JQuery AJAX returns success undefined + async with loop does not work

getUsers();

function getUsers(){
    console.log('Start');

    $.ajax({
        url: 'https://jsonplaceholder.typicode.com/users',
        method: 'GET',
        //dataType: 'json', // returns success undefined
        dataType: 'application/json',
        success: function (data) {
            if (data.success == true) {
                data.result.forEach(user => {
                    console.log(user.id);
                });                    
            }  else {
                console.log(data.status);
            }
        }
    })
    
    console.log('End');    
}

The above code-example should print the following:
Start
ids
…
End

However it has the following problems:

1. It returns success undefined when the dataType is set to json eventhough in debugger data has data.

2. If I change the dataType to application/json, then success is not undefined anymore, but the data does not get printed to the console. Instead it shows the object as a list.

3. In both cases the order of printing of the data is wrong. It prints
   Start
   End
   data-object

I know it has to do with async, however I can’t fix the problem. I tryed alot of things like $.When()
Promise
async/await
But none of then helped.

So could you please show how to fix these problems?

Thank you in advance