Question

我在jQuery中有一段代码：

$(function() {         

      $.getJSON("json.js",function(result){          
      //operations            
      });
});

当加载页面时，最初将执行此$.getJSON函数。我希望在没有代码重复的情况下单击按钮时执行此功能。我现在在按钮单击功能中重复了相同的代码：

$("#btn_next").click(function(){

 $.getJSON("json.js",function(result){          
          //operations            
          });
    });

解决方案是什么？

Answer 1

只需定义并重用一个函数

$(function() {         

  // reusable function
  var reloadData = function() {
    $.getJSON("json.js",function(result){          
      //operations            
    });
  };

  // button event
  $("#btn_next").click(function(event) {
    reloadData();
    event.preventDefault();
  });

  // init
  reloadData();
});

Answer 2

将其包装在一个函数中，然后调用函数

$(function(){
 $.ajaxCall=(function() {         

      $.getJSON("json.js",function(result){          
         //operations 
      });

});


 $("#btn_next").click(function(event) {
    $.ajaxCall();
    event.preventDefault();
 });
 $.ajaxCall(); //call this whenever you want
});

如何避免在jQuery中重复.getJSON代码

2 个答案: