zoukankan      html  css  js  c++  java
  • ajax

    1、消息提示模块是基于layui 的 layer

    // 服务器地址
    var $serviceUrl="服务器地址";
    // API接口
    var $urlList={
    "getNavClass":{apiUrl:"/api/home",method:"GET",apiName:"左侧导航"},
    };
    // 请求
    function $ajax(apiData,pushData,successFunc,errorFunc) {
    var load0 = layer.load(2);
    $.ajax({
    type:$urlList[apiData].method,
    url:$serviceUrl+$urlList[apiData].apiUrl,
    data:pushData,
    dataType:'Json',
    success:function(result){
    if(result.code==201){
    layer.open({
    title: '温馨提示'
    ,content: result.message
    });
    }
    successFunc&&successFunc(result);
    },
    error: function(result) {
    layer.open({
    title: '错误'
    ,content: $urlList[apiData].apiName+'与服务器请求出错'
    });
    errorFunc&&errorFunc(result);
    },
    complete:function (result) {
    // layer.close(load0);//关闭指定的弹窗
    layer.closeAll();
    consoleFunc(result.status,
    $urlList[apiData].apiName,
    $urlList[apiData].method,
    $urlList[apiData].apiUrl,
    pushData,
    JSON.parse(result.responseText));
    }
    });
    }
    //控制台输出
    function consoleFunc(status,apiName,method,apiUrl,pushData,getData) {
    switch (status) {
    case 200:
    console.warn(
    "%c 状态"+status+":", 'color:#fff;background:green;font-size:15px', apiName,
    " 提交方式:", method,
    " 提交地址:", apiUrl,
    " 提交data:", pushData,
    " 请求返回", getData);
    break;
    default:
    console.warn(
    "%c "+status+":", 'color:#fff;background:red;font-size:15px', apiName,
    " 提交方式:", method,
    " 提交地址:", apiUrl,
    " 提交data:", pushData,
    " 请求返回", getData);
    }
    }
  • 相关阅读:
    思蕊防静电地板
    一个老站长的22条军规
    百度天天快照知识宝典
    搜索引擎常用搜索技巧
    网站运营工作流程
    关于线程间通信
    VS2012 EF5 连接oracle11.2
    ArcSde for Oracle服务注册
    NHibernate composite-id联合主键配置
    NHibernate 的 ID 标识选择器
  • 原文地址:https://www.cnblogs.com/caitangbutian/p/11451518.html
Copyright © 2011-2022 走看看