在使用Ajax進行前后端交互的過程中，如果在發送請求時卡死在new FormData()這一步，可能是由于以下幾個常見原因引起的。通過查看具體代碼和調試，我們可以找到解決問題的辦法。

首先，最常見的原因是由于表單中的input元素沒有正確設置name屬性，導致無法正常構建FormData對象。舉個例子，假設我們有一個表單如下：

<form id="myForm">
<input type="text" id="username" name="username" />
<input type="text" id="password" />
<input type="submit" value="Submit" />
</form>

在該例子中，我們可以看到username輸入框正確設置了name屬性，而password輸入框沒有設置。因此，當我們嘗試使用Ajax發送這個表單時，new FormData(document.getElementById('myForm'))就會卡死，因為找不到對應的name屬性。

解決這個問題的方法很簡單，只需要為缺少name屬性的password輸入框添加上即可：

<input type="text" id="password" name="password" />

另一個常見的原因是由于事件綁定出現問題，例如表單的提交按鈕沒有正確設置事件處理函數。舉個例子：

<form id="myForm">
<input type="text" id="username" name="username" />
<input type="text" id="password" name="password" />
<input type="submit" id="submitBtn" value="Submit" />
</form>

在這個例子中，我們沒有為提交按鈕設置點擊事件的處理函數。因此，當我們嘗試使用Ajax發送這個表單時，new FormData(document.getElementById('myForm'))可能會卡死，因為沒有正確觸發表單提交的事件處理。

要解決這個問題，我們只需為提交按鈕添加一個點擊事件處理函數，然后在函數中執行表單的提交動作：

document.getElementById('submitBtn').addEventListener('click', function(e) {
e.preventDefault(); // 阻止表單的實際提交
var formData = new FormData(document.getElementById('myForm'));
// 使用Ajax發送formData
});

還有一個原因是由于表單中的某些input元素被設置為disabled屬性，導致無法被FormData對象正確處理。舉個例子：

<form id="myForm">
<input type="text" id="username" name="username" />
<input type="text" id="password" name="password" disabled />
<input type="submit" value="Submit" />
</form>

在這個例子中，我們可以看到password輸入框被設置為disabled屬性，這可能是為了禁止用戶進行編輯。然而，當我們嘗試使用Ajax發送這個表單時，new FormData(document.getElementById('myForm'))可能會卡死，因為被disabled的輸入框不會被FormData對象所包含。

要解決這個問題，我們可以將disabled屬性移除，或者通過其他方式來禁用輸入框而不使用disabled屬性，例如使用readonly屬性。

通過以上幾個例子，我們可以看到，當卡死在new FormData()這一步時，通常是因為表單相關元素的配置出現問題，通過修復這些問題，我們就可以順利地繼續進行Ajax交互了。