美文网首页
1、API.js模块

1、API.js模块

作者: eirunye | 来源:发表于2018-07-10 14:02 被阅读8次

    引入公共API目的

    1、由于测试的API接口和服务器端的API接口不相同,所以我们需要这个API.js做为一个公共模块,方便我们修改测试以及上线。
    2、这样处理的好处是我们可以一目了然的知道API接口的使用和注释
    

    如何使用

    1、创建一个API.js文件
    2、代码如下:
    
      const BASE_IP = "http://127.0.0.1:8070/";  // 测试接口
      // const BASE_IP = "http://110.80.142.157:8070/";//服务器接口
    
      ////注册新用户
      const USER_ADD_NEW = BASE_IP + "icon/register"; 
      ////用户登录
      const USER_LOGIN_NEW = BASE_IP + "icon/login"; 
    
      /// ...........
    
    3、在需要运用的时候,在html页面下的 <head>标签下添加:
    
        <script type="text/javascript" src="js/API.js"></script>
    

    在该HTML页面下就可以使用了如:ajax网络请求

      $.ajax({
            type: "POST",
            url: USER_ADD_NEW ,// API的URL
            header: {
                contentType: "application/json;charset=UTF-8"
            },
            data: {
                'username': username,
                'password': $.md5(password)
            },
            dataType: "json",
            success: function (data) {
              //成功返回
            },
            error: function (data) {
               //错误返回
            }
        });

    相关文章

      网友评论

          本文标题:1、API.js模块

          本文链接:https://www.haomeiwen.com/subject/jhvfpftx.html