如何使用jquery添加保存/编辑按钮？

<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>

<button id="saveBtn">保存</button>
<button id="editBtn">编辑</button>

$(document).ready(function(){
    // 保存按钮点击事件
    $("#saveBtn").click(function(){
        // 执行保存逻辑
        saveData();
    });

    // 编辑按钮点击事件
    $("#editBtn").click(function(){
        // 执行编辑逻辑
        editData();
    });
});

// 保存逻辑
function saveData() {
    // 获取表单数据
    var formData = $("#myForm").serialize();
    // 发送保存请求
    $.ajax({
        url: "saveData.php",
        type: "POST",
        data: formData,
        success: function(response){
            // 处理保存成功后的逻辑
            console.log("保存成功");
        },
        error: function(){
            // 处理保存失败后的逻辑
            console.log("保存失败");
        }
    });
}

// 编辑逻辑
function editData() {
    // 执行编辑操作
    console.log("进入编辑模式");
}

<?php
// saveData.php

// 获取表单数据
$data = $_POST['formData'];

// 执行保存操作
// ...

// 返回保存结果
echo "保存成功";
?>