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

我在jQuery中有一段代码：

$(function() {         

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

这个

$.getJSON

函数将在页面加载时最初执行。 我希望在单击按钮时执行此函数，而不重复代码。 我现在在按钮单击功能中重复了相同的代码：

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

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

---

解决方案是什么？

只需定义并重用一个函数即可

$(function() {         

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

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

  // init
  reloadData();
});

---

只需定义并重用一个函数

$(function() {         

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

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

  // init
  reloadData();
});

---

只需将其包装在一个函数中，并调用该函数

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

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

});


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

---

只需将其包装在一个函数中，并调用该函数

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

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

});


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

---

@怎么做？在jQuery块中？@如何？在jQuery块中？定义

$.ajaxCall

，然后使用

ajaxCall

。还有语法错误。还没有，您还没有关闭文档就绪处理程序。缺少

）

。非常感谢您的贡献。您可以定义

$.ajaxCall

然后使用

ajaxCall

。还有语法错误。还没有，您还没有关闭文档就绪处理程序。缺少

）

。非常感谢您的贡献。