一、接口的作用
    在前后端分离的工作环境中，前端和后端之间的联系方式，主要是通过接口，所以接口在开发当中起着数据通信的作用。
    ADB404A5-6C67-4968-8323-FCDA1108D4F1.jpeg
    二、接口的规范
    1）URL， 符合web规范的网址，符合http/https协议规范；
    2）参数，传递通讯时的关键值，通常使用json格式包裹；
    3）传递方式，利用http/https的报文方式，
    三、接口的实例

    html 静态网页目录

    js JavaScript脚本目录

    php 处理数据脚本目录

    index.html

    1. <html>
    2.   <html lang="en">
    3.   <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    7.     <title>interface for php</title>
    8.     <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    9.     <script src='./js/get.js'>
    10.   </head>
    11.   <body>
    12.       <input type="text" id="uid" placehoder="input uid">
    13.     <button>Enter</button>
    14.   </body>
    15. </html>

    get.js

    $(function(){
    $('button').click(function(){
      let uid = $('#uid').val() ? $('#uid').val() : 0;
    if(uid) {
        $.get('get.php'
      ,{
           id: uid
      }
      ,function(data){
            console.log(data);
            if(data){
            alert('success');
          } else {
            alert('false');
          }
      })
    }
  });  
})

    get.php

    <?php
$id = isset($_GET['id']) ? $_GET['id'] : 0;
if($id) {
  $status = '200';
} else {
  $status = '404';
}
echo json_encode($status);
?>

    【注】
    通过在浏览器的控制台console的界面中找到network，找到相应的调用文件，双击打开后右详细说明中能看一返回的数据内容。