在web開發中，javascript和servlet兩個技術都是非常重要的。其中，servlet主要負責接收和處理來自前端用戶的請求，而javascript則主要負責動態的操作網頁中的元素。在一些場景下，前端需要調用servlet提供的接口，獲取數據或進行一些特定的操作，這時就需要用到javascript訪問servlet的技術。

javascript訪問servlet可以采用兩種方式，一種是通過http請求，另一種是通過ajax異步請求。下面依次介紹這兩種方式。

首先，通過http請求訪問servlet需要先創建一個XMLHttpRequest對象，然后通過該對象發送GET或POST請求，并在回調函數中處理servlet返回的數據。示例代碼如下：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 處理響應數據
}
};
xmlhttp.open("GET", "servletUrl", true);
xmlhttp.send();

在上述代碼中，xmlhttp.onreadystatechange是回調函數，用于處理servlet返回的數據。當狀態變化時，回調函數將會被自動調用，并在函數中通過this.readyState和this.status來判斷響應狀態碼和狀態描述。xmlhttp.open用于打開http連接，其中第一個參數指定http請求方式（GET或POST），第二個參數指定servlet的url，第三個參數指定是否異步請求。xmlhttp.send則用于發送http請求。

其次，通過ajax異步請求訪問servlet需要借助jquery庫來實現。首先，引入jquery庫，接著，使用$.ajax方法發送ajax請求，并在success回調函數中處理返回的數據。示例代碼如下：

$.ajax({
url: 'servletUrl',
type: 'GET',
dataType: 'json',
success: function(data) {
// 處理響應數據
}
});

在上述代碼中，url指定servlet的url，type指定請求方式，dataType指定預期的響應數據格式（json、xml、text等），success回調函數用于處理成功返回的響應數據。

需要注意的是，由于ajax請求是異步的，因此在發送請求時可能需要禁用一些操作，等待接口返回結果后再進行其他操作。在接口返回結果之前，可以添加loading動畫來提高用戶體驗，示例如下：

// 發送ajax請求前添加loading動畫
$('#loading').show();
$.ajax({
url: 'servletUrl',
type: 'GET',
dataType: 'json',
success: function(data) {
// 處理響應數據
// 處理完畢后隱藏loading動畫
$('#loading').hide();
}
});

以上是在javascript中訪問servlet的兩種方式，具體在應用中需要根據場景選擇合適的方式。需要注意的是，servlet需要處理跨域請求的情況，在servlet中必須設置Access-Control-Allow-Origin等跨域頭信息，否則javascript將無法訪問。