Quay lại danh sách case study
Xu ly loi bat dong bo khi goi API lien tuc
Xu ly tinh huong nguoi dung click lien tuc vao nut submit gay ra nhieu yeu cau goi API trung lap.
Bối cảnh
Trong du an thuong mai dien tu, trang thanh toan co nut 'Dat hang' hay bi nguoi dung click nhieu lan do giao dien phan hoi cham.
Vấn đề cần xử lý
Neu khong chan, he thong se tao ra nhieu don hang trung lap gay loi du lieu tren server.
Hướng xử lý đề xuất
Su dung ky thuat debounce hoac disable nut submit ngay khi nguoi dung click lan dau cho den khi API tra ve ket qua.
Câu trả lời mẫu khi phỏng vấn
Doi voi truong hop nay, em se dung bien trang thai isSubmitting de vo hieu hoa nut bam ngay khiclick, hoac ap dung debounce neu la o input tim kiem. Dieu nay giup ngan chan viec gui request du thua.
Trade-off
Disable nut bam giup an toan du lieu nhung neu API loi ma khong bat lai trang thai thi nguoi dung khong the click lai duoc nua.
Kết quả kỳ vọng
Loai bo hoan toan tinh trang duplicate request tu phia client.
Bài học khi trả lời phỏng vấn
Luon phai luong truoc hanh vi nguoi dung (user behavior) va co co che bao ve UI o cac tac vụ bat dong bo quan trong.