如何避免在jQuery的

Question

的.getJSON代码repetation我有一段代码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 
});