從函數返回getJSON響應

Question

我有一個javascript文件，希望在其中反復調用相同的getJSON調用。 例如：

$(document).ready(function() {
  $('#validate').click(function() {
    var url;
    url = 'http://myurl';
    $.getJSON(url, function(data) {
      if (data[0].response.status === 'ok') {
        $('#validate_text').html("data validated");
      } else {
        $('#validate_text').html("data Not Valid");
      }
    });
  });
});

這項工作，我想將其重構為：

$(document).ready(function() {
  $('#validate').click(function() {
    var url;
    url = 'http://myurl';
    data = myjsonfunction(url);
      if (data[0].response.status === 'ok') {
        $('#validate_text').html("DLS / NTS Validated");
      } else {
        $('#validate_text').html("DLS / NTS Not Valid");
      }
  });
});

其中myjsonfunction(url)是一個獨立的函數，我可以傳遞URL並返回原始的getJSON數據。 我已經看到了一些示例，在這些示例中，您已經在getJSON塊等之外設置了一個已定義的變量。但是我似乎無法使其中任何一個起作用。

Answer 1

嘗試使用.then() ，因為data是異步的，如果可以在myjsonfunction(url)響應之前被同步調用

$(document).ready(function() {
  $('#validate').click(function() {
    var url;
    url = 'http://myurl';
    data = myjsonfunction(url);
    data.then(function(response) {
      if (response[0].response.status === 'ok') {
        $('#validate_text').html("DLS / NTS Validated");
      } else {
        $('#validate_text').html("DLS / NTS Not Valid");
      }
    }, function err(jqxhr, textStatus, errorThrown) {
         console.log(erroThrown)
    })
  });
});