Ajax讀取excel文件渲染並顯示在HTML頁面中，附源碼

要使用Ajax读取Excel文件并在HTML页面中渲染和显示，可以使用以下步骤：

1. 首先在网页中引入 jQuery 和 SheetJS 的库文件：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

2. 在页面中添加一个用于显示Excel数据的容器：

<div id="excel-data"></div>

3. 使用以下代码读取Excel文件并将其渲染到HTML页面中：

<script>
$.ajax({
    url: 'path/to/your/excel/file.xlsx',
    dataType: 'binary',
    responseType: 'arraybuffer',
    success: function(data) {
        var workbook = XLSX.read(data, { type: 'binary' });
        var sheet_name_list = workbook.SheetNames;
        sheet_name_list.forEach(function(sheet_name) {
            var worksheet = workbook.Sheets[sheet_name];
            var html = XLSX.utils.sheet_to_html(worksheet);
            $('#excel-data').append(html);
        });
    }
});
</script>

4. 替换 `path/to/your/excel/file.xlsx` 为你的Excel文件路径。

这样就可以使用Ajax读取Excel文件并将其渲染到HTML页面中了。需要注意的是，这种方法只适用于在客户端浏览器中读取Excel文件，不适用于在服务器端读取Excel文件。