本文主要介紹如何將AJAX代碼寫(xiě)在JavaScript文件中。AJAX（Asynchronous JavaScript and XML）是一種用于創(chuàng)建無(wú)需刷新頁(yè)面的動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。通過(guò)AJAX，可以實(shí)現(xiàn)在不重新加載整個(gè)頁(yè)面的情況下，獲取服務(wù)器上的數(shù)據(jù)并動(dòng)態(tài)更新網(wǎng)頁(yè)內(nèi)容。

要將AJAX代碼寫(xiě)在JavaScript文件中，我們可以按照以下步驟進(jìn)行：

首先，我們需要?jiǎng)?chuàng)建一個(gè)JavaScript文件，例如ajax.js，然后在HTML文件中引入該文件：

<script src="ajax.js"></script>

接下來(lái)，我們可以在ajax.js文件中編寫(xiě)AJAX代碼。例如，我們想通過(guò)AJAX從服務(wù)器上獲取一條隨機(jī)的名稱，并在頁(yè)面上顯示這個(gè)名稱。以下是示例代碼：

function getRandomName() {
// 創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
var xhr = new XMLHttpRequest();
// 當(dāng)請(qǐng)求成功完成時(shí)觸發(fā)的事件處理程序
xhr.onload = function() {
// 檢查狀態(tài)碼是否為200，表示請(qǐng)求成功
if (xhr.status === 200) {
// 從服務(wù)器響應(yīng)中獲取名稱數(shù)據(jù)
var name = xhr.responseText;
// 將名稱添加到頁(yè)面上的某個(gè)元素中
document.getElementById("name").innerHTML = name;
}
};
// 打開(kāi)與服務(wù)器的連接
xhr.open("GET", "getRandomName.php", true);
// 發(fā)送請(qǐng)求
xhr.send();
}

在上面的代碼中，我們首先創(chuàng)建了一個(gè)XMLHttpRequest對(duì)象（xhr），該對(duì)象用于與服務(wù)器進(jìn)行通信。然后，我們定義了一個(gè)onload事件處理程序，在請(qǐng)求完成后觸發(fā)該事件處理程序。在事件處理程序中，我們檢查狀態(tài)碼是否為200，以確保請(qǐng)求成功。如果成功，我們從服務(wù)器的響應(yīng)中獲取名稱數(shù)據(jù)，并將其添加到頁(yè)面上的某個(gè)元素中。

在HTML文件中，我們需要添加一個(gè)HTML元素來(lái)顯示名稱。例如，我們可以添加一個(gè)元素：

<p>隨機(jī)名稱：<span id="name"></span></p>

最后，我們需要在頁(yè)面加載完成后調(diào)用getRandomName函數(shù)，以觸發(fā)AJAX請(qǐng)求并更新名稱。例如，我們可以在window.onload事件處理程序中調(diào)用該函數(shù)：

window.onload = function() {
getRandomName();
};

這樣，當(dāng)頁(yè)面加載完成后，getRandomName函數(shù)將被調(diào)用，AJAX請(qǐng)求將被發(fā)出，并且頁(yè)面上的名稱將被更新。

總結(jié)來(lái)說(shuō)，要將AJAX代碼寫(xiě)在JavaScript文件中，我們需要?jiǎng)?chuàng)建一個(gè)JavaScript文件并在HTML文件中引入它，然后在JavaScript文件中編寫(xiě)AJAX代碼。通過(guò)使用XMLHttpRequest對(duì)象與服務(wù)器通信，我們可以獲取服務(wù)器上的數(shù)據(jù)并在頁(yè)面上實(shí)現(xiàn)動(dòng)態(tài)更新。