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

Question

我将以下ajax调用嵌套在另一个调用中，但是在第一个调用运行之后，没有东西同时应记录到控制台。 问题出在哪里？

$.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

为了解决这个问题，您发送的请求之一很可能会失败，因此，您需要按照以下代码中的描述处理错误：

$.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()}`);
    }
});

您可能要更改$('onlineMembers')因为我认为您使用的选择器不正确。