在現(xiàn)代網(wǎng)頁(yè)開(kāi)發(fā)中，經(jīng)常會(huì)遇到需要通過(guò)ajax獲取值，并在js中進(jìn)行賦值的情況。ajax技術(shù)使得我們能夠在不刷新整個(gè)頁(yè)面的情況下，動(dòng)態(tài)地獲取服務(wù)器上的數(shù)據(jù)。當(dāng)我們成功獲取到這些數(shù)據(jù)之后，我們通常需要將這些數(shù)據(jù)顯示在網(wǎng)頁(yè)上或者進(jìn)行進(jìn)一步的操作。本文將以具體的例子來(lái)說(shuō)明如何在ajax獲值之后，使用js進(jìn)行賦值的操作。
假設(shè)我們的網(wǎng)頁(yè)中有一個(gè)表單，包含一個(gè)文本框和一個(gè)按鈕。當(dāng)用戶(hù)點(diǎn)擊按鈕時(shí)，通過(guò)ajax向服務(wù)器發(fā)送請(qǐng)求，獲取隨機(jī)生成的數(shù)字。我們需要將這個(gè)數(shù)字顯示在表單的文本框中。

html
<form>
<input type="text" id="result" />
<button onclick="getRandomNumber()">Get Number</button>
</form>

當(dāng)用戶(hù)點(diǎn)擊按鈕時(shí)，會(huì)調(diào)用JavaScript中的getRandomNumber函數(shù)。這個(gè)函數(shù)使用ajax技術(shù)向服務(wù)器發(fā)送請(qǐng)求，并獲取隨機(jī)生成的數(shù)字。然后，我們可以使用JavaScript將獲取到的數(shù)字賦值給文本框。

javascript
function getRandomNumber() {
// 創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 獲取服務(wù)器返回的數(shù)據(jù)
var randomNumber = xhr.responseText;
// 將獲取到的數(shù)字賦值給文本框
document.getElementById("result").value = randomNumber;
}
}
};
// 發(fā)送GET請(qǐng)求到服務(wù)器
xhr.open("GET", "randomNumber.php", true);
xhr.send();
}

在上面的例子中，當(dāng)用戶(hù)點(diǎn)擊按鈕時(shí)，JavaScript會(huì)創(chuàng)建一個(gè)XMLHttpRequest對(duì)象。通過(guò)設(shè)置該對(duì)象的onreadystatechange事件處理程序，我們可以在ajax請(qǐng)求狀態(tài)改變時(shí)，執(zhí)行相應(yīng)的操作。
在這個(gè)例子中，我們?cè)谡?qǐng)求的狀態(tài)變?yōu)閄MLHttpRequest.DONE時(shí)執(zhí)行操作。之后，我們檢查服務(wù)器返回的狀態(tài)碼。如果狀態(tài)碼為200，表示請(qǐng)求成功。此時(shí)，我們可以通過(guò)responseText屬性獲取服務(wù)器返回的數(shù)據(jù)。
最后，我們使用JavaScript的getElementById函數(shù)獲取到文本框的元素，并將獲取到的數(shù)字賦值給它。
通過(guò)上述的例子，我們可以看到，在ajax獲值之后，我們可以使用JavaScript將這個(gè)值賦值給網(wǎng)頁(yè)中的元素，從而動(dòng)態(tài)更新網(wǎng)頁(yè)的內(nèi)容。
除了將值賦值給文本框，我們還可以將值顯示在網(wǎng)頁(yè)的其他位置，例如一個(gè)段落元素：

html
<p id="result"></p>
<button onclick="getRandomNumber()">Get Number</button>

javascript
function getRandomNumber() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var randomNumber = xhr.responseText;
// 將獲取到的數(shù)字顯示在段落元素中
document.getElementById("result").innerText = "隨機(jī)數(shù)字：" + randomNumber;
}
}
};
xhr.open("GET", "randomNumber.php", true);
xhr.send();
}

在這個(gè)例子中，我們使用了innerText屬性來(lái)設(shè)置段落元素的內(nèi)容。通過(guò)拼接字符串，我們可以將獲取到的隨機(jī)數(shù)字顯示在”隨機(jī)數(shù)字：”之后。
總結(jié)來(lái)說(shuō)，通過(guò)ajax獲值之后，我們可以使用Javascript將值賦值給網(wǎng)頁(yè)中的元素。這種技術(shù)使得我們能夠動(dòng)態(tài)地更新網(wǎng)頁(yè)的內(nèi)容，提升用戶(hù)體驗(yàn)。無(wú)論是將值賦值給文本框，還是顯示在其他位置，我們只需要根據(jù)元素的ID使用JavaScript的getElementById函數(shù)獲取到相應(yīng)的元素，并使用合適的屬性進(jìn)行賦值操作。