jquery - ajax 的电话协议(protocol)

Question

我希望增加(在数据库中)在移动浏览器中点击电话号码的次数。我在 anchor 上使用 tel:// 协议(protocol)，如下所示:

<a class='phone-number' href='tel:12345678901'>Call Now!</a>

这个想法是在点击链接时向服务器发送 AJAX 请求。

$(".phone-number").click(function(e){
    var url = "phone_tap.php";
    var data = {id: 1};
    $.post(url, data, function(r){
        if(r.success){}
    });
}

但是，在网络和移动浏览器中，AJAX 请求似乎被浏览器取消，因为它调用了 native 程序。

有人以前经历过这种情况吗？解决方案？

发现完全相同的问题 here 但没有答案。

Answer 1

感谢大家的回答 - 但是，我通过寻找 a similar issue 找到了解决方案涉及 mailto:// 协议(protocol)而不是 tel:// 协议(protocol)。

解决方案是使用 jQuery $.ajax 的 async: false 属性:

$.ajax({
    url: url,
    data: data,
    dataType: 'json',
    async: false,
    method: "POST"
}).then(function(r){
    if(r.success){}
}, 'json');