AJAX（Asynchronous JavaScript and XML）是一種在 Web 頁面上進行異步通信的技術。通常情況下，AJAX 用于向服務器發送請求并接收響應，然后使用 JavaScript 動態更新頁面，而不需要刷新整個頁面。本文將探討如何使用 AJAX 接收 Excel 文件流，并對其進行處理。

假設我們正在開發一個在線購物平臺，用戶可以通過點擊按鈕將已填好的 Excel 電子表格上傳到服務器，然后服務器接收到文件流后，在后臺進行處理并生成相關訂單信息。在這種情況下，我們可以使用 AJAX 技術來實現文件上傳和處理。

首先，讓我們來看一下客戶端的代碼。我們需要定義一個表單，其中包含一個文件輸入框和一個提交按鈕：

<form id="uploadForm" action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="fileInput" />
<input type="submit" value="上傳" />
</form>

在上面的代碼中，我們使用了一個 ID 為 "uploadForm" 的表單，其中的文件輸入框的 name 屬性值為 "file"。接下來，讓我們來看一下 JavaScript 的代碼。

var form = document.getElementById('uploadForm');
var fileInput = document.getElementById('fileInput');
form.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表單提交
var formData = new FormData(); // 創建一個 FormData 對象
formData.append('file', fileInput.files[0]); // 將選擇的文件添加到 FormData 對象中
// 創建一個 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData); // 發送請求
});

在上面的代碼中，我們首先通過 ID 獲取表單和文件輸入框的引用。然后，我們給表單添加了一個提交事件監聽器。在提交事件發生時，我們創建一個 FormData 對象，該對象用于在 HTTP 請求中傳輸表單數據。接著，我們將選擇的文件添加到 FormData 對象中，并使用 XMLHttpRequest 對象發送請求到服務器。

現在，讓我們來看一下服務器端的代碼。假設我們使用 Node.js 平臺來處理文件上傳和生成訂單信息。我們可以使用 Express 框架來簡化開發過程。

const express = require('express');
const multer = require('multer');
const app = express();
// 配置 Multer 中間件
var storage = multer.memoryStorage();
var upload = multer({ storage: storage });
app.post('/upload', upload.single('file'), function(req, res) {
var file = req.file; // 獲取上傳的文件對象
// 在這里對文件進行處理，生成訂單信息
// 例如：讀取文件流、解析數據、創建訂單等等
res.send('訂單已生成'); // 響應客戶端
});
app.listen(3000, function() {
console.log('服務器已啟動');
});

在上面的代碼中，我們首先導入 Express 和 Multer 模塊。然后，我們使用 Multer 中間件來處理文件上傳，將文件存儲在內存中。接下來，我們定義了一個 POST 路由 "/upload"，并使用 upload.single() 方法來處理單個文件上傳。在路由處理函數中，我們可以通過 req.file 獲取上傳的文件對象，并對文件進行處理，例如讀取文件流并生成訂單信息。最后，我們使用 res.send() 方法向客戶端發送響應。

綜上所述，我們使用 AJAX 技術可以輕松實現接收 Excel 文件流并進行處理的功能。通過在客戶端使用 FormData 對象將文件和表單數據發送到服務器，再在服務器進行相關處理，我們可以實現高效的文件上傳和數據處理。