javascript - jQuery 2 ajax 请求一个 onClick

Question

我遇到的问题是我有两个使用 jQuery 的独立 AJAX 请求，一个在页面加载时执行，另一个在单击按钮时执行，但它们几乎相同(在代码中)，因为它们都更新相同的 html两者都返回 JSON，我只是想知道是否有办法“合并”两者，这样它更像是:

[pseudo]
if(button is clicked){
     performAjaxOne;
}else{
     performAjaxTwo
}
[/pseudo]

这是我的实际代码:

    $(document).ready(function(){

            $('.loading-text').hide();

            $.ajax({
                url: '/ajax/job/getActiveJobs.php',
                dataType: 'json',
                type: 'post',
                success: function( data ){

                    $('#loading, .loading-text').show();

                    if( !data.error ){
                        $('.alertText').html( data.msg ).show();
                    }else{
                        $('.alertText').html( data.error ).show();
                    }

                    $('#loading, .loading-text').hide();
                }
            });


            $('#submit').click(function( event ){

                var formData = $('#contact_search').serialize();

                $('#loading, .loading-text').show();

                $.ajax({
                    url: '/ajax/job/searchJobs.php',
                    dataType: 'json',
                    type: 'post',
                    data: formData,
                    success: function ( e ){

                        alert( e );

                        if( !e.error ){
                            $('.alertText').html( e.content ).show();
                        } else {
                            $('.alertText').html( e.error ).show();
                        }

                        $('#loading, .loading-text').hide();
                    }
                });
            });
        });

请告诉我。

提前致谢!

Answer 1

消除初始ajax请求并更改#submit代码:

   $('#submit').click(function( event ){

       // your ajax request

    }).click(); // this `click()` will initially fire when page loaded