<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 開發中常用的技術之一，它可以實現很多不同的功能。但同時，我們也需要時刻關注安全問題，并且遵循良好的編碼實踐。