JavaScript是一種廣泛使用的編程語言，可以實現Web應用程序的交互性和動態性。其中Ajax技術可以使網頁不必刷新即可向服務器發送和接收數據。通過使用Ajax，Web應用程序可以異步更新數據及部分內容，提高用戶體驗、降低服務器負載。

通過JavaScript發送Ajax請求可以使用XMLHttpRequest對象。這個對象可以通過open()方法來指定請求的類型(GET或POST)、請求的URL以及是否異步處理請求。以下是一個例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/data.json', true); //請求類型為GET，請求URL為http://example.com/data.json，請求為異步處理
xhr.send(); //發送請求

可以使用XMLHttpRequest對象的onreadystatechange事件來處理Ajax請求的響應。以下是一個例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/data.json', true);
xhr.send();
xhr.onreadystatechange = function() { //處理響應
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { //如果響應完成且狀態碼為200（表示成功）
var response = xhr.responseText; //得到響應數據
console.log(response); //打印響應數據
}
}

可以使用jQuery的$.ajax()方法簡化發送Ajax請求的代碼。該方法使用更加簡單的選項來配置請求。以下是一個例子：

$.ajax({
url: 'http://example.com/data.json', //請求URL
type: 'GET', //請求類型為GET
dataType: 'json', //響應的數據類型為JSON
success: function(response) { //請求成功后的回調函數
console.log(response); //打印響應數據
}
});

除了$.ajax()方法外，還有$.get()和$.post()方法用來發送GET和POST請求。以下是一個例子：

$.get('http://example.com/data.json', function(response) { //發送一個GET請求
console.log(response); //打印響應數據
});
$.post('http://example.com/submit.php', { name: 'John', age: 21 }, function(response) { //發送一個POST請求
console.log(response); //打印響應數據
});

在Ajax請求中，跨域請求需要注意。瀏覽器會限制跨域請求，如不同域名、端口或協議的請求。解決跨域問題的方式有多種，如JSONP、CORS。以下是一個JSONP請求的例子：

var script = document.createElement('script');
script.src = 'http://example.com/data.json?callback=handleResponse'; //使用callback參數指定回調函數的名稱
document.body.appendChild(script);
function handleResponse(response) { //回調函數
console.log(response); //打印響應數據
}

綜上所述，使用JavaScript提交Ajax請求可以為Web應用程序帶來很多好處，如異步更新數據、提高用戶體驗等。同時，還需要注意跨域請求的問題。