如何在HTML中发送PUT/DELETE请求？

function sendPutRequest(url, data) {
    var xhr = new XMLHttpRequest();
    xhr.open('PUT', url, true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            console.log(xhr.responseText);
        }
    };
    xhr.send(JSON.stringify(data));
}

function sendDeleteRequest(url) {
    var xhr = new XMLHttpRequest();
    xhr.open('DELETE', url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            console.log(xhr.responseText);
        }
    };
    xhr.send();
}

async function sendPutRequest(url, data) {
    try {
        const response = await fetch(url, {
            method: 'PUT',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        });
        if (response.ok) {
            const result = await response.json();
            console.log(result);
        }
    } catch (error) {
        console.error('Error:', error);
    }
}

async function sendDeleteRequest(url) {
    try {
        const response = await fetch(url, {
            method: 'DELETE'
        });
        if (response.ok) {
            console.log('Success');
        }
    } catch (error) {
        console.error('Error:', error);
    }
}

import axios from 'axios';

function sendPutRequest(url, data) {
    axios.put(url, data)
        .then(response => {
            console.log(response.data);
        })
        .catch(error => {
            console.error('Error:', error);
        });
}

function sendDeleteRequest(url) {
    axios.delete(url)
        .then(response => {
            console.log('Success');
        })
        .catch(error => {
            console.error('Error:', error);
        });
}