dedecms ajax提交表单

<form id="myForm">
    <input type="text" name="username" placeholder="用户名">
    <input type="password" name="password" placeholder="密码">
    <button type="submit">提交</button>
</form>
<div id="result"></div>

document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var formData = new FormData(this);

    fetch('/plus/diy.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById('result').innerHTML = data.message;
    })
    .catch(error => {
        console.error('Error:', error);
    });
});

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = $_POST['username'] ?? '';
    $password = $_POST['password'] ?? '';

    // 这里可以进行表单验证和处理逻辑

    echo json_encode(['message' => '提交成功']);
} else {
    echo json_encode(['message' => '请求方法不支持']);
}
?>