服务返回数据成功后,使用Ajax进行页面弹窗提示和页面跳转

当服务器返回数据后不管是否成功都想要弹窗的效果
如图成功后:

js代码:

代码如下:

$.ajax({
    url:common_ops.buildUrl("http://127.0.0.1:5050/food/set"),
    data:data,
    dataType:"json",
    type:"POST",
success: function (res) {
        btn_target.removeClass("disabled");
        var callback = null;
        if (res.code == 200) {
            callback = function () {
                window.location.href = common_ops.buildUrl("/food/index");
            }
        }
        common_ops.alert(res.msg, callback);
    }
});

var common_ops = {
    alert:function( msg ,cb ){
        layer.alert( msg,{
            yes:function( index ){
                if( typeof cb == "function" ){
                    cb();
                }
                layer.close( index );
            }
        });
    },

    buildUrl:function (path,params) {
        var url="" path;
        var _paramUrl="";
        if(params){
            _paramUrl=Object.keys(params).map(function (k) {
                return[encodeURIComponent(k),encodeURIComponent(params[k])].join("=");
            }).join("&");
            _paramUrl="?" _paramUrl
        }
        return url _paramUrl;
    },

};

$(document).ready( function() {
    common_ops.init();
});

这篇好文章是转载于：学新通技术网