javascript - document.ready と onClick で関数を実行する

Question

別の関数でコードをコピー/貼り付けせずに、この ajax-response を document.ready と onClik で実行する方法はありますか?

$(document).ready(function() {
var ads = $('#ads').val();
function ajax(){
    $.ajax({
        url: "./services/finn_bilder.php",
        type:"POST",
        data:{ads: ads},
        success:function(data){
            $('#AdsDiv').html(data);
        }

これを onClick $('#id').click(function()); で実行したい そして、コピー/貼り付けなしで、現在の作業方法は?

Answer 1

作成した JavaScript 関数を再利用できることを確認してください。

$(document).ready(function() {
    // Will accure at document load
    ajax();
    // Will accure at every click
    $(document).click(function() { ajax(); });
}

function ajax(){
    var ads = $('#ads').val();
    $.ajax({
        url: "./services/finn_bilder.php",
        type:"POST",
        data:{ads: ads},
        success:function(data){
            $('#AdsDiv').html(data);
        });
}

Answer 2

document ready 内で呼び出して、document.click にバインドするだけです。

$(document).ready(function() {
    var ads = $('#ads').val();
    function ajax(){
        $.ajax({
            url: "./services/finn_bilder.php",
            type:"POST",
            data:{ads: ads},
            success:function(data){
                $('#AdsDiv').html(data);
            }
        });
    }
    ajax();
    $(document).click(function() {
        ajax();
    });
}