前端代码

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>简单获取数据示例</title>
  6.         <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css" />
  7.         <script src="https://www.layuicdn.com/layui/layui.js"></script>
  8.     </head>
  9.     <body>
  10.         <input type="text" placeholder="后端返回的值" />
  11.         <script>
  12.             layui.use(function() {
  13.                 var $ = layui.$;
  14.                 $.ajax({
  15.                     url: "../php/api.php?eventType=data",
  16.                     type: "POST",
  17.                     dataType: "json",
  18.                     data: {
  19.                         value1: "前端发送的数据1",
  20.                         value2: "前端发送的数据2",
  21.                     },
  22.                     beforeSend: function() {
  23.                         layer.msg("正在加载", {
  24.                             icon: 16,
  25.                             shade: 0.05,
  26.                             time: false
  27.                         });
  28.                     },
  29.                     success: function(data) {
  30.                         layer.msg(data.code, {
  31.                             icon: data.icon
  32.                         });
  33.                         if (data.icon == "1") {
  34.                             console.log(data);
  35.                             $("input").val(data.data.value);
  36.                         }
  37.                     },
  38.                     error: function(data) {
  39.                         var obj = eval(data);
  40.                         layer.alert(obj.responseText, {
  41.                             icon: 2
  42.                         });
  43.                     }
  44.                 });
  45.             });
  46.         </script>
  47.     </body>
  48. </html>

后端代码

在api.php文件里面最底部

default:
    $api = new _api();
    $api->_result("请求接口不存在", 3);

在这个代码前面加下面代码,用来注册事件名称

case "data":
      $api = new _api(2);
      $api->_data();
break;

添加后如图
image.png
添加代码好后到//事件表 勿删代码上面添加一个函数

public function _data()
    {
        $this->_ajax(["value1","value2"]);//强制效验前端都没有post这两个参数过来
        $value1 = $_REQUEST["value1"];
        $value2 = $_REQUEST["value2"];
        $value = "您前端传过来的参数value1={$value1},value2={$value2}";
        $data = ["value"=>$value];
        $this->_close();
        $this->_result("调试成功", 1, $data);
    }

如下图所示
image.png
添加好后刷新页面即可，

我来告诉你

其实前后端调用非常简单，前端就一个ajax请求，到后端文件 你需要到底部创建一个事件处理名，然后去上面在写个处理的函数即可。