jquery动态提交表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 动态提交表单</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form id="myForm">
        <input type="text" name="username" placeholder="用户名">
        <input type="password" name="password" placeholder="密码">
        <button type="button" id="submitBtn">提交</button>
    </form>

    <script>
        $(document).ready(function() {
            $('#submitBtn').click(function() {
                var formData = $('#myForm').serialize();
                $.ajax({
                    url: 'submit.php', // 处理表单提交的服务器端脚本
                    type: 'POST',
                    data: formData,
                    success: function(response) {
                        alert('提交成功！' + response);
                    },
                    error: function(xhr, status, error) {
                        alert('提交失败：' + error);
                    }
                });
            });
        });
    </script>
</body>
</html>