前端用js调用后端接口获取三级树的数据

首先，你需要在后端编写一个接口来获取三级树的数据，接口返回的数据格式应该为 JSON 对象。

接口的实现可以使用任何后端技术，例如 Node.js、Java、Python 等。

下面是一个 Node.js 的实现示例，假设你的三级树数据存储在数据库中：

const express = require('express');
const mysql = require('mysql');

const app = express();

// 创建数据库连接
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'test',
});

// 查询三级树数据
function getTreeData(callback) {
  const sql = 'SELECT * FROM tree';
  connection.query(sql, (err, results) => {
    if (err) {
      callback(err);
    } else {
      callback(null, results);
    }
  });
}

// 创建接口，返回三级树数据
app.get('/api/tree', (req, res) => {
  getTreeData((err, data) => {
    if (err) {
      res.status(500).send('Internal Server Error');
    } else {
      res.json(data);
    }
  });
});

app.listen(3000, () => {
  console.log('Server started on http://localhost:3000');
});

然后，在前端使用 JavaScript 发送请求到后端接口，获取三级树数据，可以使用 XMLHttpRequest 或 fetch 等方法。

以下是一个使用 fetch 方法的示例：

fetch('/api/tree')
  .then(response => response.json())
  .then(data => {
    // 处理返回的三级树数据
  })
  .catch(error => {
    console.error(error);
  });

在处理返回的三级树数据时，可以使用递归等方法构造树形结构。