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