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);
    }
    }
  • 相关阅读:
    Docker pull镜像过慢解决方法
    BUUCTF pwn一分题目
    SROP例题
    2020 NUPCTF pwn题目
    BJD4th pwn pi
    0RAYS元旦招新赛
    exit_hook在pwn题中的应用
    eclipse导包导不进来
    java算法题每日一练01,java入门简单算法题小练
    解决chrome无法启用印象笔记-剪藏功能
  • 原文地址:https://www.cnblogs.com/caitangbutian/p/11451518.html
Copyright © 2011-2022 走看看