javascript - jQuery - 在关注输入字段时运行函数

Question

我有一个文本输入字段，当您单击该字段时，会触发 json 请求，并检索一些数据。

$("input").focus(function(){
 var thefield = $(this);
 $.getJSON("http://www.blabla.com/bla",
    function(data){
      alert(JSON.stringify(data));  
          thefield.val('blabla');
    }
   );  
});

如何才能使此请求仅运行一次，而不是每次我关注文本字段时运行？但我仍然希望当我第二次、第三次等聚焦时数据可用。

Answer 1

$('input').one('focus', function() {
    // load data using ajax
    $(this).data('ajax-data', data);
});
$('input').focus(function() { $(this).val($(this).data('ajax-data')); });