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
};

JQuery Ajax，我怎么不重复我的代码？

2 个答案: