单击时使用ajax使用返回的数据

Question

我正在尝试通过ajax（）和jQuery点击处理程序使用返回的数据。

我考虑过将点击处理程序和then（）结合起来。

function showData(data){
  return 'This is Ajax: ' + data;
}

function getData(){
  if(confirm("Are you sure？")){

   $.ajax({
            url: "get_data.php",
            type: "POST",
            dataType: "json",
            data: data
          })
          .done( (data) => {
            console.log("ajax success");
          })
          .fail(function(XMLHttpRequest, textStatus, errorThrown){
            console.log("ajax error");
            console.log("XMLHttpRequest : " + XMLHttpRequest.status);
            console.log("textStatus     : " + textStatus);
            console.log("errorThrown    : " + errorThrown.message);
          });
    }
}

$('#get_data_btn').on('click', function(){
   getData().then(function(data){
      var returned_data = showData(data);
      console.log(returned_data);
   })
});

它显示以下错误； Uncaught TypeError: Cannot read property 'then' of undefined

我该如何做？