Cách dùng set window pos
1. Bài toán đặt ra?Nếu bạn đang phát triển những ứng dụng web kiểu SPA (single-page application) hay sử dụng PPE (practicing progressive enhancement), bạn sẽ thường phải chặn việc submit form và sử dụng ajax để xử lý dữ liệu form gửi lên. Chẳng hạn chúng ta có 2 bài toán: Show
Bài toán 1:
Bài toán 2:
Yêu cầu thêm: cần validate form:
Chúng ta có thể xử lý bài toán này chẳng hạn như sử dụng jquery ajax, post, hay javascript submit.... Có rất nhiều cách hay để xử lý những yêu cầu như trên. Hôm nay mình sẽ giới thiệu một cách khác để submit form hay bất kỳ yêu cầu gửi dữ liệu lên server nào từ client bằng ajax. Đó chính là Form Data 2. FormData là cái gì vậy?Với HTML5 chúng ta có thể sử dụng Túm váy lại, với 3. FormData có gì hay?3.1. Khởi tạo một FormData để gửi dữ liệu.Có nhiều cách để khởi tạo một
3.2. Phương thức append().Thông thường để
chèn thêm một giá trị nào đó mà không có input trên form, chúng ta thường dùng js chèn thêm input hidden. Phương thức
Tham số:
3.3. Phương thức delete().Phương thức
3.4. Phương thức entries().Phương thức
Và kết quả nhận được sẽ là:
3.5. Phương thức get().Phương thức
3.6. Phương thức getAll().Phương thức này trả về tất cả giá trị tương ứng với
3.7. Phương thức has().Phương thức
3.8. Phương thức keys().Phương thức Ví dụ:
Kết quả:
3.9. Phương thức set().Phương thức
3.10. Phương thức values().Phương thức
Kết quả:
4. Giải quyết bài toán đưa ra?Vậy để 'nuốt gọn' bài toán đưa ra, chúng ta chắc sẽ xử lý dễ như ăn kẹo:
jQuery ajax mặc định sẽ truyền dữ liệu lên với Việc sử dụng Điều đó cho phép chúng ta có thể upload file lên dễ dàng. 5. Kết luận.Javascript ngày càng phát triển mạnh mẽ, mọi thứ sẽ giúp chúng ta xử lý mọi thao tác theo một cách dễ dàng, tối ưu và nhanh nhất. Hãy thử và cho mình thêm nhiều cách giải hay nữa nhé các bạn. Cảm ơn các bạn đã đọc tới đây Tham khảo:
|