Trang chủ Lập trình PHP - MySQL Tạo submit form dùng kỹ thuật AJAX, PHP và jQuery

Tạo submit form dùng kỹ thuật AJAX, PHP và jQuery

AJAX là kỹ thuật giúp người dùng tương tác với dữ liệu trên máy lưu trữ web mà không cần tải lại trang. Bài viết này sẽ giúp bạn tạo ra một trang web chứa form nhập liệu và khi submit dữ liệu sẽ được lưu vào cơ sở dữ liệu. Đặc biệt nó sẽ dùng kỹ thuật ajax để xử lý.

submit-form-using-ajax

Ta sẽ làm việc với ngôn ngữ PHP và MySQL.

Ta có một cơ sở dữ liệu có tên là mydba có một bảng tên form_element có cột: id, name, email, password, contact.

Đầu tiên ta sẽ tạo trang ajaxsubmit.html. Đây sẽ là trang giao diện hiển thị.

Tiếp theo ta sẽ tạo trang ajaxsubmit.php. Đây là nơi sẽ diễn ra các thao tác với cơ sở dữ liệu với các bước:

  • Kết nối máy chủ
  • Kết nối cơ sở dữ liệu
  • Thực hiện truy vấn (thêm, sửa, xem, xóa)
  • Đóng kết nối

Tập tin script.js  tạo chức năng ajax

Lệnh tạo cơ sở dữ liệu

Tập tin style style.css

Vậy là bạn đã làm xong rồi đó.

Bạn có thể tải mã nguồn mẫu tại:

Box: http://tinyurl.com/ovfazcr

Google Drive: http://tinyurl.com/q6fgujp

Chúc các bạn thành công

Form Get (HMAK lượt dịch)

- Advertisement -
Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

Google sắp khai tử ứng dụng Google Shopping trên iOS và Android

Google được cho là đã thêm Google Shopping vào danh sách các ứng dụng sắp khai tử của mình. Sau khi các thành viên...

Google Pixel 5A 5G vẫn sẽ ra mắt vào cuối năm nay

Thứ Sáu tuần trước, Google cho biết sẽ ra mắt điện thoại tầm trung Pixel 5A vào cuối năm nay, bác bỏ tin đồn...

Facebook chi 23 triệu đô la để bảo vệ Mark Zuckerberg

Facebook đã chi hơn 23 triệu USD để bảo vệ cho Mark Zuckerberg - CEO và là người sáng lập Facebook vào năm ngoái....

Cách tùy chỉnh công cụ tìm kiếm trong Firefox

Bạn có thể sử dụng bất kỳ công cụ tìm kiếm nào mà bạn thích trong trình duyệt web của mình. Và bạn cũng...

12 cách khắc phục con trỏ chuột không hiển thị trong Windows 10

Con trỏ chuột đã trở thành một phần không thể thiếu trong quá trình chúng ta tương tác với máy tính. Vì vậy, hãy...

BẠN XEM CHƯA

Green Cafe – Quy Nhơn

Một quán cà phê với không gian rộng với phong cách bài trí lạ và đặc biệt là rất... xanh Green Cafe Quy Nhơn Địa chỉ:...

Hướng dẫn tải video clip từ Facebook về máy tính

Facebook không hỗ trợ người dùng tải video về máy tính và khi sử dụng Internet Download Manager nhiều khi bạn không bắt được...

Top 100 quán phải ăn thử khi tới Quy Nhơn

Foody đã tổng hợp đến độc giả địa chỉ top gần 100 quán ăn mà khách du lịch có thể đến trải nghiệm khi...

Cách chèn Twitter Feed vào trang web của bạn

Twitter cho phép bạn hiển thị các tweet gần đây trên trang web của bạn bằng cách sử dụng một tiện ích. Bạn có...

My Autoplay 10 Pro – Công cụ tạo menu autorun hoàn hảo

My Autoplay 10 Pro (MAP) là một phần mềm ứng dụng hỗ trợ người dùng dễ dàng và nhanh chóng tạo các menu autorun...