ajax - JQuery Ajax，我如何不重复我的代码？

Question

我有这个代码：

我希望它默认做一些事情，基本上当您查看页面时，它会发出 ajax 请求并显示所有数据。

但是当您单击链接时，它会显示特定数据。

但是如何在不重复代码的情况下做到这一点。

例子：

    // when click on the link

    $('a').click( function(){

    $.getJSON('file.ext', function( data ){

         //same code

    });

    });

    // when the page is loaded
    $.getJSON('file.ext', function( data ){

         //same code

    });

Answer 1

只需将您的调用包装.getJSON()在从两个位置调用的函数中即可。

// Define function
function getData() {
    $.getJSON('file.ext', function( data ){ ... });
}

// Call on click
$('a').click(function () {
    getData();
});

// Call on load
getData();

Answer 2

只需创建一个函数，一次编写，多次使用。

$('a').click( function(){
    $.getJSON('file.ext', function( data ){
         customFunction();
    });
});

// when the page is loaded
$.getJSON('file.ext', function( data ){
     customFunction();
});

customFunction = function () {
    //code
};