javascript - 发出 AJAX 请求的问题

Question

我正在使用 Facebook Messenger webview 显示表单，在提交时，我想将消息发送回用户并关闭 webview。我现在的问题是 webview/浏览器没有发送消息就关闭了。我不知道这里可能有什么问题，这是我的代码:

                function closeWebview() {
                    MessengerExtensions.requestCloseBrowser(function success() {
                        console.log('closed')
                    });
                }

                function sendMessage() {
                    $.ajax({
                        type: 'POST',
                        url: '/test-message',
                        success: function (data) {
                            console.log('request sent');

                        }
                    })
                }
                sendMessage()
                closeWebview()

Answer 1

$.ajax代表Asynchronous JavaScript And XML，所以，问题是closeWebview在 sendMessage 之前调用通话结束。

解决方案是使用 callback功能。

function sendMessage(callback) {
         $.ajax({
            type: 'POST',
            url: '/test-message',
            success: function (data) {
               callback(data);
            }
         })
}
sendMessage(function(data){
  console.log(data);
  closeWebview()
});