<form action="/user/login" method="post">
<label>用户名:
<input type="text" name="username">
</label><br>
<label>密码:
<input type="password" name="password">
</label><br>
<button type="submit">登录</button>
</form>

这个表单中，我们通过将 action 属性设置为 "/user/login"，method 属性设置为 "post" 来指定表单的提交方式。当用户点击登录按钮时，浏览器会将表单数据以 POST 方法的方式提交到 "/user/login"，服务器将处理这个请求并返回处理结果给浏览器。

除了通过表单提交数据外，我们还可以使用 JavaScript 发送 Ajax 请求获取服务器数据。例如下面的代码：

fetch('/api/getData')
.then(response => response.json())
.then(data => console.log(data));

这段代码使用 fetch 函数发送一个 GET 请求到 "/api/getData" 接口，并在接收到响应后使用 json 方法将响应的 JSON 数据转换为 JavaScript 对象并输出到控制台中。

需要注意的是，当我们发送 Ajax 请求时，需要使用 XMLHttpRequest 或 fetch 等 Ajax 相关的 API，并正确地处理请求的回调函数以及异常情况。例如：

const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/getData');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
console.log(data);
} else {
console.error(xhr.statusText);
}
}
};
xhr.onerror = function() {
console.error('Ajax request error');
};
xhr.send();

这段代码使用 XMLHttpRequest 对象发送一个 GET 请求到 "/api/getData" 接口，并在接收到响应后判断请求的状态码和响应数据，同时还需要处理请求错误的情况。

在 JavaScript 提交时，注意客户端与服务器端之间的安全问题。其中，跨站点请求伪造（CSRF）攻击是常见的安全问题之一，攻击者通过模拟合法请求来向服务器提交恶意数据，例如下面的代码：

<img src="https://example.com/do-something?data=something-evil" style="display:none">
<script>
const img = document.getElementsByTagName('img')[0];
img.onload = function() {
console.log('Evil data sent');
};
img.onerror = function() {
console.error('Failed to send evil data');
};
</script>

这段代码在页面中添加一个隐藏的图片元素，并通过 onload 和 onerror 事件监听图片是否被加载，从而实现向服务器提交数据的效果。

为了防止 CSRF 攻击，我们可以使用同源验证、添加验证 token 等措施来增强安全性。例如：

<script>
const submitButton = document.getElementById('submit-button');
submitButton.onclick = function(event) {
event.preventDefault(); // 阻止表单的默认提交行为
// 验证 token
const token = document.getElementById('csrf-token').value;
const xhr = new XMLHttpRequest();
xhr.open('POST', '/submit-form');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
console.log('Form submitted');
} else {
console.error(xhr.statusText);
}
}
};
xhr.setRequestHeader('X-CSRF-Token', token); // 添加验证 token 的 HTTP 头
xhr.send(new FormData(document.getElementById('form')));
};
</script>

这段代码中，我们需要在服务器端生成一个随机的验证 token 并在页面中添加一个隐藏的表单元素来保存它，当用户点击提交按钮时，我们需要通过 JavaScript 获取验证 token 并发送一个带有验证 token 的 POST 请求，从而防止 CSRF 攻击的发生。

JavaScript 提交是 Web 开发中常用的技术之一，它可以实现很多不同的功能。但同时，我们也需要时刻关注安全问题，并且遵循良好的编码实践。