如何通过按钮单击Ajax获取文本框值

<input type="text" id="myText">
<button id="myButton">点击获取文本框值</button>

document.getElementById("myButton").addEventListener("click", function() {
    // 在这里编写获取文本框值的代码
});

document.getElementById("myButton").addEventListener("click", function() {
    var textValue = document.getElementById("myText").value;
    
    fetch("url", {
        method: "POST", // 或者 "GET"，根据实际需求
        body: JSON.stringify({ text: textValue }), // 根据实际需求，将文本框值作为请求体发送
        headers: {
            "Content-Type": "application/json"
        }
    })
    .then(response => response.text())
    .then(data => {
        // 在这里处理服务器返回的数据
    })
    .catch(error => {
        // 在这里处理请求错误
    });
});