嵌套的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')，因为我认为您使用的选择器不正确。