JavaScript是一種腳本語言，廣泛應用于Web開發中。豆瓣是一個以圖書、電影、音樂為主的社區，用戶可以通過其網站或手機應用來發表評論、打分和尋找有趣內容。在豆瓣網站上，JavaScript有著廣泛的應用，為用戶提供了更加友好和便捷的界面操作。

豆瓣電影中有一項推薦功能，該功能會針對用戶的瀏覽歷史、評分記錄以及社交網絡里的觀影記錄，推薦符合用戶喜好的電影。點擊“推薦”，系統會發出Ajax請求獲取推薦結果并異步地將推薦結果呈現在頁面上。以下是豆瓣電影推薦功能的部分JavaScript代碼：

function recommendMovies() {
$.ajax({
url: '/j/recommend',
data: { seed: getRecommendSeed() },
dataType: 'json',
success: function(data) {
showRecommendation(data);
}
});
}
function showRecommendation(data) {
var container = $('#recommendation');
container.empty();
$.each(data, function(index, movie) {
var imageUrl = movie.image ? movie.image : '/static/assets/img/movie_default.png';
var title = movie.title;
var year = movie.year ? movie.year : '';
var rating = movie.rating ? movie.rating : '';
var html = '<div class="movie-card">';
html += '<img src="'+imageUrl+'" class="poster">';
html += '<div class="info">';
html += '<div class="title">'+title+'</div>';
html += '<div class="year-rating">'+year +' '+ rating+'</div>';
html += '</div></div>';
container.append(html);
});
}

該功能使用了jQuery，利用其簡潔的語法實現了Ajax請求和DOM操作。其中，<div id="recommendation">是包含推薦結果的元素，recommendMovies()函數中的data: { seed: getRecommendSeed() }部分傳遞了一個生成推薦標識符的函數，而success: function(data)則表示請求成功后執行的回調函數。showRecommendation()函數負責將推薦結果格式化展示，使用了$.each()函數循環遍歷結果中的每一部電影，構建出對應的HTML代碼，然后通過container.append(html)方法將它們添加到頁面的指定位置中。

同樣，在豆瓣讀書中，每個書籍的詳情信息也是通過異步的Ajax請求獲取并展示出來的。下面是獲取書籍詳細信息的Ajax請求的代碼，其中，<div id="book-info">是展示書籍詳細信息的元素。

function getBookInfo(bookId) {
$.ajax({
url: '/book/' + bookId + '/ajax_summary',
dataType: 'html',
success: function(html) {
$('#book-info').replaceWith(html);
},
error: function() {
alert('獲取書籍詳細信息失敗，請重試！');
}
});
}

該請求的目標鏈接是'/book/' + bookId + '/ajax_summary'，其中bookId是書籍的ID，dataType:'html'表示響應內容為HTML格式。請求成功后會返回一個HTML代碼片段，將其替換已存在的<div id="book-info">的innerHTML即可展示書籍詳細信息。在請求過程中，當出現錯誤時，會調用一個錯誤處理函數，彈出提示框告訴用戶獲取書籍詳細信息失敗。

JavaScript在豆瓣網站上充分體現出了其優雅和靈活的特質，也為用戶帶來了極大的使用便捷性。JavaScript是Web開發中必不可少的一環，掌握JavaScript編程技能將會對我們的職業發展產生積極的影響。