Ngày 20 tháng 9, quân đội 2 bên phát hiện vị trí của nhau và chuẩn bị giao chiến. Sáng ngày 21, Kị binh Mông Cổ mở màn trận đánh bằng một đợt xung phong từ sau một khu rừng nhằm vào vị trí Pháo binh quân Pháp. Pháo binh Pháp bắn tan tác đội hình xung phong giúp cho các Binh sĩ trang bị súng hỏa mai đẩy lùi quân Thanh khỏi trận địa. Cùng lúc đó, cuộc tấn công vào vị trí của quân Anh cũng thất bại. Do thiếu hỏa lực, quân Mông Cổ chỉ có thể dùng cung tên bắn về phía quân Anh nhưng không có hiệu quả, quân Anh dàn đội hình khối vuông, chĩa Súng trường với lưỡi lê ra khiến Kị binh Mông Cổ không thể tiếp cận đánh giáp lá cà. Cả 2 đợt xung phong bị đẩy lùi, Liên quân tiến về phía cầu và dùng Đại bác quét sạch Pháo binh lẫn Công sự của quân Thanh bảo vệ cầu trước khi Bộ binh dùng lưỡi lê tiến lên quét sạch tàn quân Thanh còn lại trên cầu. Quân Bát Kì đã chiến đấu dũng cảm nhưng vẫn bị đẩy lui, một phần chạy về phía Bắc Kinh, phần còn lại rút lên phía Bắc.
Diễn biến trận Bát Lý Kiều t vừa bảo m đây. Đkm thiên triều cũng coi đấy là quốc nhục mà

cơ mà nhục vãi lồn thật