本文將介紹AJAX中的GET請(qǐng)求以及如何處理返回的文本數(shù)據(jù)。通過(guò)使用AJAX的GET請(qǐng)求，我們可以從服務(wù)器獲取文本數(shù)據(jù)，然后在網(wǎng)頁(yè)中顯示、操作或處理這些數(shù)據(jù)。這是一種非常常見(jiàn)的場(chǎng)景，例如在實(shí)時(shí)搜索框中輸入關(guān)鍵字時(shí)，我們可以通過(guò)AJAX GET請(qǐng)求從服務(wù)器獲取匹配的搜索結(jié)果，并在網(wǎng)頁(yè)中動(dòng)態(tài)顯示這些結(jié)果。

首先，我們需要使用AJAX的GET方法向服務(wù)器發(fā)起請(qǐng)求。下面是一個(gè)簡(jiǎn)單的例子：

$.ajax({
url: "text.txt", // 文件路徑
method: "GET", // 請(qǐng)求方法
dataType: "text", // 接收的數(shù)據(jù)類型
success: function(data) {
// 成功接收到文本數(shù)據(jù)后的處理邏輯
},
error: function() {
// 處理請(qǐng)求錯(cuò)誤的邏輯
}
});

上述代碼首先指定了請(qǐng)求的文件路徑為"text.txt"，請(qǐng)求方法為GET，并且指定了數(shù)據(jù)類型為文本。當(dāng)請(qǐng)求成功時(shí)，回調(diào)函數(shù)中的"data"參數(shù)將包含返回的文本數(shù)據(jù)，我們可以在這個(gè)回調(diào)函數(shù)中對(duì)這些數(shù)據(jù)進(jìn)行處理。如果請(qǐng)求發(fā)生錯(cuò)誤，則會(huì)調(diào)用error函數(shù)進(jìn)行錯(cuò)誤處理。

接下來(lái)，讓我們來(lái)看一個(gè)具體的例子。假設(shè)我們需要在網(wǎng)頁(yè)中顯示電影列表，這些電影的信息存儲(chǔ)在一個(gè)名為"movies.txt"的文本文件中。我們可以通過(guò)AJAX的GET請(qǐng)求從服務(wù)器獲取這個(gè)文件，并將返回的電影信息在網(wǎng)頁(yè)中展示出來(lái)：

$.ajax({
url: "movies.txt",
method: "GET",
dataType: "text",
success: function(data) {
var movies = data.split("\n"); // 將文本數(shù)據(jù)按行分割成數(shù)組
var moviesList = $("#movies-list"); // 獲取電影列表的容器元素
for(var i=0; i<movies.length; i++) {
var movie = $("
").text(movies[i]); // 創(chuàng)建
元素并將電影信息添加到其中
moviesList.append(movie); // 將
元素添加到電影列表容器中
}
},
error: function() {
alert("請(qǐng)求電影列表失敗，請(qǐng)檢查網(wǎng)絡(luò)連接。");
}
});

以上代碼會(huì)從服務(wù)器上的"movies.txt"文件中獲取電影信息，并將每部電影的名稱顯示在一個(gè)無(wú)序列表中。具體來(lái)說(shuō)，代碼首先使用split方法將返回的文本數(shù)據(jù)按行分割成一個(gè)電影數(shù)組。接下來(lái)，使用jQuery選擇器獲得列表容器元素，并通過(guò)for循環(huán)為每部電影創(chuàng)建一個(gè)