可以使用 AJAX（Asynchronous JavaScript and XML）技术提交表单数据。通过 AJAX，你可以在前端异步地向服务器发送请求并处理响应，而不必刷新整个页面。下面是一个简单的示例，展示如何使用 AJAX 提交表单数据：

HTML 表单：

```html

```

JavaScript（使用 jQuery 库简化 AJAX 请求）：

```javascript

$(document).ready(function() {

$('#myForm').submit(function(event) {

event.preventDefault(); // 阻止表单默认提交行为

// 获取表单数据

var formData = $(this).serialize(); // 将表单数据序列化为字符串格式

// 发送 AJAX 请求

$.ajax({

type: 'POST', // 请求类型，可以使用 GET 或 POST

url: 'your_endpoint_url', // 提交数据的服务器端点 URL

data: formData, // 要发送的数据

success: function(response) {

// 请求成功时的回调函数

console.log('提交成功', response); // 在控制台输出响应数据

// 这里可以执行其他操作，比如显示成功消息或跳转页面等

},

error: function(error) {

// 请求失败时的回调函数

console.log('提交失败', error); // 在控制台输出错误信息

// 这里可以执行其他操作，比如显示错误消息等

}

});

});

});

```

在上述示例中，我们使用 jQuery 库简化了 AJAX 请求。当用户点击提交按钮时，事件监听器会捕获表单的提交事件，阻止默认的表单提交行为（页面刷新）。然后，我们获取表单数据并将其序列化为字符串格式。接下来，使用 `$.ajax()` 方法发送 AJAX 请求到服务器端点 URL。在请求成功时，可以在 `success` 回调函数中处理响应数据。如果请求失败，可以在 `error` 回调函数中处理错误信息。你可以根据自己的需求在回调函数中执行其他操作，比如显示消息、跳转页面等。请确保将 `'your_endpoint_url'` 替换为你实际的服务器端点 URL。