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)

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

- Advertisment -
Shopify

BÀI VIẾT MỚI

Facebook chi 400 triệu đô để mua lại Giphy

Giphy là một nền tảng trực tuyến hỗ trợ lưu trữ và tìm kiếm ảnh động (GIF) trực tuyến của Mỹ. Và mới đây...

reCAPTCHA rất hữu ích trong số hoá dữ liệu

Sách được xem là những kho tàng tri thức của nhân loại, tuy nhiên việc lưu trữ sách là cả một vấn đề to...

The Pirate Bay đã trở lại bằng tên miền ban đầu

Sau khi The Pirate Bay bị "chết" đội ngũ đã gửi tất cả lưu lượng truy cập đến "lỗ đen" (Local Black Hole 127.0.0.1.)và...

Dân Anh đốt cột phát sóng 5G vì nghi phát tán virus Corona

Ít nhất ba cột phát sóng 5G vừa bị đốt cháy vì có người tin rằng nó là nguồn phát tán virus corona. Theo BBC,...

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

BẠN XEM CHƯA

Global Operations – Lực lượng toàn cầu

Giới thiệu: Thế giới vẫn chưa bình yên, các lực lượng ly khai vẫn luôn nuôi tham vọng phá hoại và gây dựng thế lực....

Age of Empires II: The Age of Kings

Giới thiệu: Age of Empires II: The Age of Kings (thường được viết tắt là AGE2, The Age of Kings, AoE II hoặc AOK) là...

Thận trọng với các bài viết và thông tin chia sẻ trên mạng xã hội

Mới đây trên 1 nhóm (group) trên Facebook có đông thành viên ở Quy Nhơn chia sẻ một bài viết tường thuật về việc...

JobClass – Mã nguồn chuyên trang tuyển dụng bằng PHP

Hôm nay Mạng Bình Định sẽ chia sẻ với các bạn một mã nguồn PHP cực chất - JobClass. Đây là mã nguồn chuyên về...