如何存储按钮名称，从一个循环，点击的时候？

<button class="btn" data-name="Button1">Button 1</button>
<button class="btn" data-name="Button2">Button 2</button>
<button class="btn" data-name="Button3">Button 3</button>

$(document).ready(function() {
    $('.btn').click(function() {
        var buttonName = $(this).data('name');
        $.ajax({
            url: '/save-button-name', // 后端API的URL
            method: 'POST',
            data: { name: buttonName },
            success: function(response) {
                console.log('Button name saved:', response);
            },
            error: function(error) {
                console.error('Error saving button name:', error);
            }
        });
    });
});

npm install express body-parser

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

// 假设我们使用一个简单的内存数组来存储按钮名称
let buttonNames = [];

app.post('/save-button-name', (req, res) => {
    const buttonName = req.body.name;
    buttonNames.push(buttonName);
    res.send({ message: 'Button name saved successfully', buttonName });
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});