动态获取myql里面的数据前端代码

在前端代码中，可以使用AJAX技术来动态获取MySQL数据库中的数据。以下是一个简单的示例代码：

// 创建XMLHttpRequest对象
var xhttp = new XMLHttpRequest();

// 设置请求方法和URL
xhttp.open("GET", "getdata.php", true);

// 发送请求
xhttp.send();

// 当请求完成时触发的回调函数
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // 获取服务器返回的数据
    var data = JSON.parse(this.responseText);
    
    // 在前端页面中显示数据
    for (var i = 0; i < data.length; i++) {
      var item = data[i];
      var row = document.createElement("tr");
      var cell1 = document.createElement("td");
      var cell2 = document.createElement("td");
      cell1.innerHTML = item.name;
      cell2.innerHTML = item.age;
      row.appendChild(cell1);
      row.appendChild(cell2);
      document.getElementById("table-body").appendChild(row);
    }
  }
};

在上述代码中，我们使用了XMLHttpRequest对象来发送GET请求，并在请求完成时触发的回调函数中处理服务器返回的数据。我们将返回的数据解析为JSON格式，并使用DOM操作在前端页面中动态创建表格行，并显示数据。

需要注意的是，这里的请求URL为"getdata.php"，你需要根据实际情况修改为你的后端代码的URL。另外，后端代码应该负责从MySQL数据库中查询数据，并将查询结果以JSON格式返回给前端