AJAX（Asynchronous JavaScript and XML）是一種前端技術，通過異步傳輸數據，實現頁面無刷新更新的效果。在進行AJAX開發的過程中，狀態碼扮演著重要的角色。本文將介紹常見的AJAX狀態碼及其含義，以便更好地理解并處理潛在的問題。

1. 0：通常表示一切正常，無錯誤。

// 例1：請求成功
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理數據
}
}

2. 200：請求成功。

// 例2：請求成功
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理數據
}
}

3. 404：請求的資源不存在。

// 例3：請求的資源不存在
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 404) {
// 處理資源不存在的情況
}
}

4. 500：服務器內部錯誤。

// 例4：服務器內部錯誤
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 500) {
// 處理服務器內部錯誤的情況
}
}

5. 502：服務器網關錯誤。

// 例5：服務器網關錯誤
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 502) {
// 處理服務器網關錯誤的情況
}
}

6. 0-99：瀏覽器發送請求前的狀態碼。

// 例6：檢查瀏覽器是否準備好發送請求
xhr.onreadystatechange = function() {
if (xhr.readyState === 1) {
// 瀏覽器準備好發送請求，可以執行相關操作
}
}

7. 100-199：用于信息傳遞。

// 例7：接收服務器返回的持續性響應
xhr.onreadystatechange = function() {
if (xhr.readyState === 3) {
// 處理接收到的消息
}
}

8. 300-399：重定向。

// 例8：處理重定向
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 302) {
// 處理重定向操作
}
}

9. 400-499：客戶端錯誤。

// 例9：處理客戶端錯誤
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 403) {
// 處理拒絕訪問錯誤
}
}

10. 500-599：服務器錯誤。

// 例10：處理服務器錯誤
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 500) {
// 處理服務器錯誤
}
}

通過了解不同狀態碼的含義，我們能更好地處理AJAX請求過程中可能出現的問題，提高開發效率和用戶體驗。