Ajax连接MySQL增删改查前端

为了使用Ajax与MySQL进行数据的增删改查，你需要一个服务器端语言来处理Ajax请求并与MySQL数据库交互。以下是使用PHP作为服务器端语言的示例代码。

首先，确保你的服务器配置正确，并且可以使用PHP脚本。

以下是PHP脚本示例，用于处理Ajax请求并与MySQL数据库交互：

<?php
$mysqli = new mysqli("localhost", "username", "password", "database");
 
// 检查连接
if ($mysqli->connect_error) {
    die("Connection failed: " . $mysqli->connect_error);
}
 
// 根据请求类型执行操作
switch($_GET['action']) {
    case 'get':
        // 执行获取数据的查询
        $result = $mysqli->query("SELECT * FROM table_name");
        $data = [];
        while($row = $result->fetch_assoc()) {
            $data[] = $row;
        }
        echo json_encode($data);
        break;
        
    case 'add':
        // 执行添加数据的操作
        $name = $mysqli->real_escape_string($_GET['name']);
        $mysqli->query("INSERT INTO table_name (name) VALUES ('$name')");
        echo "Record added";
        break;
        
    case 'edit':
        // 执行编辑数据的操作
        $id = $mysqli->real_escape_string($_GET['id']);
        $name = $mysqli->real_escape_string($_GET['name']);
        $mysqli->query("UPDATE table_name SET name='$name' WHERE id='$id'");
        echo "Record updated";
        break;
        
    case 'delete':
        // 执行删除数据的操作
        $id = $mysqli->real_escape_string($_GET['id']);
        $mysqli->query("DELETE FROM table_name WHERE id='$id'");
        echo "Record deleted";
        break;
}
 
$mysqli->close();
?>

以下是Ajax请求的示例代码：

// 获取数据
$.ajax({
    url: 'your_php_script.php?action=get',
    type: 'get',
    dataType: 'json',
    success: function(data) {
        // 处理获取到的数据
        console.log(data);
    }
});
 
// 添加数据
$.ajax({
    url: 'your_php_script.php?action=add&name=JohnDoe',
    type: 'get',
    success: function(response) {
        // 处理响应
        console.log(response);
    }
});
 
// 编辑数据
$.ajax({
    url: 'your_php_script.php?action=edit&id=1&name=JohnDoe',
    type: 'get',
    success: function(response) {
        // 处理响应
        console.log(response);
    }
});
 
// 删除数据
$.ajax({
    url: 'your_php_script.php?action=delete&id=1',
    type: 'get',
    success: function(response) {
        // 处理响应
        console.log