ajax実戦要求の運用とフロントエンドプラグイン関数

ajaxリクエストの汎用方法,フロントエンドプラグイン関数の実戦応用

ajax        

    $("#collect").on('click', function (event){
        var startDate = $("#startDate").val();
        var endDate = $("#endDate").val();
        var year = $("#year").val();
        var term = $("#term").val();
        var schoolCode = $("#schoolCode").val();
        if (!startDate) {
            showAlertInfo('fail', '         ');
            return false;
        }
        if (!endDate) {
            showAlertInfo('fail', '         ');
            return false;
        }
        if (!year) {
            showAlertInfo('fail', '     ');
            return false;
        }
        if (!term) {
            showAlertInfo('fail', '     ');
            return false;
        }
        if (!schoolCode) {
            showAlertInfo('fail', '     ');
            return false;
        }
        var url = "{:url('admin/pxssapp.repaycollect/collect')}";
        //ajax  
        $.ajax({
            type:'POST',
            url : url,
            data: {startDate:startDate, endDate:endDate, year:year, term:term, schoolCode:schoolCode},
            beforeSend: function () {
                showLoading();
            },
            success : function(msg) { 
                var mess = JSON.parse(msg);   //json      json  
                if (mess.state == 1) {
                    closeLoading();
                    showAlertInfo('success', mess.message);
                    // setTimeout(function(){            //   1         
                    //     reloadPage(window);
                    // }, 1000)
                    return false;
                } else {
                    showAlertInfo('fail', mess.message);            //showAlertInfo();// 5   ,     type, head(message  ), content(  ), url(    ), refresh (  )
                    closeLoading();
                    return false;
                }
            }
        });
    });