近年來，網站的交互性越來越強，要求不刷新頁面的情況下完成頁面數據的增刪改查功能。這種需求需要通過對AJAX技術的使用來實現，而JavaScript就是其中的重要組成部分之一。

在使用JavaScript調用AJAX時，需要經過以下步驟：

var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
} else { 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

以上代碼即為創建一個XMLHttpRequest對象的方式，可以用來向服務器發送請求和接收服務器返回的數據。

接下來需要跨越服務器，發送請求獲取數據：

xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();

以上代碼中，onreadystatechange用來監測readyState狀態，當后端數據準備好時并從后臺傳回前端時readyState的狀態為4；status--取得回文數據的狀態，200表示一切正常，404表示頁面不存在等錯誤。

XMLHttpRequest.open()函數用于指定請求方法、請求URL和可選的同步/異步標志。應該在XMLHttpRequest.send()函數之前調用XMLHttpRequest.open()函數。

使用JavaScript調用AJAX需要注意以下幾點：

1.瀏覽器的兼容性問題，不同版本的瀏覽器對XMLHttpRequest對象的處理方式不同，需要根據具體的瀏覽器版本進行兼容.

2.跨域訪問的問題，當訪問的數據是跨域的，需要在服務器端設置允許跨域訪問或者使用JSONP等方式實現跨域請求。

3.盡量減少不必要的請求，對于數據相對穩定的頁面，盡量減少不必要的請求，減少服務器的壓力。

在實際開發中，JavaScript調用AJAX是非常常見的操作之一，可以讓網站體驗更加流暢，用戶體驗更佳。同時，使用AJAX還可以將頁面的數據和內容分離開來，優化用戶的體驗和提高頁面的加載速度。

JavaScript調用AJAX實現的例子是多種多樣的，比如：通過AJAX實現異步加載商品列表、異步更新購物車數量等等。總之，AJAX技術已經成為了現代網站開發必不可少的一部分，其強大的數據交互和頁面渲染能力讓很多網站變得更加智能化、易用化。