解决表单提交后JavaScript启用按钮失效的问题：使用Fetch API实现异步交互

<form action="#" id="myForm">
    <textarea name="content" rows="10" cols="50"></textarea><br>
    <input id="submitFormBtn" class="button_text" type="button" name="submit" value="提交" onclick="processFormAsync()"/>
    <input id="downloadFileBtn" class="button_text" type="submit" name="download" value="下载" disabled/>
</form>

function processFormAsync() {
    // 获取表单元素
    const formElement = document.getElementById('myForm');
    // 使用 FormData 构造函数从表单创建数据对象
    const formData = new FormData(formElement);

    // 定义后端处理脚本的URL
    // 请将 'your_php_script.php' 替换为实际的后端处理URL
    const backendUrl = 'your_php_script.php'; 

    fetch(backendUrl, {
        method: 'POST', // 指定请求方法为 POST
        body: formData  // 将 FormData 对象作为请求体发送
    })
    .then(response => {
        // 检查HTTP响应状态码是否在 200-299 范围内（表示成功）
        if (response.ok) {
            // 请求成功，可以进一步处理响应数据
            // 例如：response.json() 或 response.text()
            // 在这里，我们只关心请求是否成功，然后启用下载按钮
            document.getElementById('downloadFileBtn').disabled = false;
            console.log('表单提交成功，下载按钮已启用！');
            return response.text(); // 如果需要，可以返回响应文本
        } else {
            // HTTP状态码不在成功范围内
            console.error('网络请求失败，状态码：', response.status);
            // 可以根据不同的状态码进行错误处理
            throw new Error(`HTTP 错误！状态：${response.status}`);
        }
    })
    .then(data => {
        // 处理服务器返回的数据（如果需要）
        console.log('服务器响应：', data);
    })
    .catch(error => {
        // 捕获网络错误或 .then() 链中抛出的错误
        console.error('请求过程中发生错误：', error.message);
        // 可以在这里向用户显示错误消息
        alert('提交失败，请稍后再试。');
    });
}

<?php
header('Content-Type: text/plain'); // 或者 application/json

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (isset($_POST['submit'])) {
        // 处理表单数据，例如保存到数据库或文件
        $content = $_POST['content'] ?? '无内容';
        file_put_contents('data.txt', "Received: " . $content . "\n", FILE_APPEND);

        // 模拟一些处理时间
        sleep(1); 

        // 返回成功响应
        http_response_code(200); // 设置HTTP状态码为200 OK
        echo "Data processed successfully!";
    } else {
        http_response_code(400); // 错误请求
        echo "Invalid request: 'submit' parameter missing.";
    }
} else {
    http_response_code(405); // 方法不允许
    echo "Method Not Allowed";
}
?>