如何避免在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 
});