jQuery each 循環中順序執行 AJAX：async: false 同步模式與現代替代方案

原代碼問題

$('#tbFileList').find(":checkbox:checked").each(function(){
    $.ajax({ url: "...", async: true, ... }); // 異步並發，無法保證順序
});

快速修復：同步 AJAX

$.ajax({
    async: false,  // 瀏覽器主線程阻塞，按順序執行
    success: function(){ ... }
});

缺點：阻塞 UI、Chrome 控制台警告「Synchronous XMLHttpRequest on the main thread is deprecated」，長請求導致頁面假死。

現代最佳實踐：Promise 序列 / async-await

const checkboxes = $('#tbFileList').find(":checkbox:checked").get();
(async () => {
    for (const cb of checkboxes) {
        const filename = $(cb).parents(".ckc").find('#lblname').text();
        const filepath = $(cb).parents(".ckc").find('#lblpath').text();
        await $.ajax({ url: "...", data: {filename, filepath}, method: "POST" });
        // 可選：更新 UI 進度
    }
    alert("全部完成");
})();

• 非阻塞、可讀性強、易於錯誤處理（try/catch）。
• 需項目引入支持 Promise 的 jQuery (≥3.0) 或使用 fetch。