嵌套的AJAX调用成功函数无法运行

Question

I have the following ajax call nested inside another, but after the first one gets run, nothing gets logged to the console meanwhile it should. Where is the issue?

$.ajax({
    url: "https://ck:8081/get-username",
    type: "get",
    success: function (response) {
        userName = response
        $.ajax({
            url: "https://ck:8081/new-chatuser?username=" + userName,
            type: "get",
            success: function (response) {
                console.log('response' + response)
                $('onlineMembers').append(response)
            }
        })
    }
})

Answer 1

There is most likely a failure in one of the requests you are sending, to remedie to that, you need to handle the errors as described in the code below :

$.ajax({
    url: 'https://ck:8081/get-username',
    type: 'get',
    success: function(response1) {
        console.log(`First succeeded : ${response2.toString()}`);
        $.ajax({
            url: 'https://ck:8081/new-chatuser?username=' + response1,
            type: 'get',
            success: function (response2) {
                console.log(`Second succeeded : ${response2.toString()}`);
                $('onlineMembers').append(response2);
            },
            error: function(error) {
                console.log(`Second failed : ${error.toString()}`);
            }
        });
    },
    error: function(error) {
        console.log(`First failed : ${error.toString()}`);
    }
});

You may want to change $('onlineMembers') because I don't think the selector you are using is correct.