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

Mở tập tin Sketch và Photoshop bằng tiện ích online

Hôm rồi khách hàng gửi qua 1 tập tin .sketch nhưng không biết làm sao mở vì tập tin này là định dạng của...

Du lịch Quy Nhơn vào tháng 3 có gì hấp dẫn

Bình Định - Quy Nhơn, miền đất của nắng, gió và những bãi biển hoang sơ đang vào thời gian đẹp nhất trong năm. Tháng...

15 tính năng tìm kiếm trên Google có thể bạn không biết

Google là một công cụ tìm kiếm chính và gần như là chủ đạo trên internet. Nhưng theo thời gian, Google đã vượt xa...

Yam Yam Thai Kitchen – Thiên đường món Thái ở Quy Nhơn

Các món ăn Thái Lan luôn dễ dàng "đánh gục" những tâm hồn ăn uống nhờ vào hương vị chua, cay, mặn, ngọt và...

Facebook sẽ mua giọng nói của người dùng

Facebook sẽ cho phép người dùng ghi âm giọng bằng chương trình mang tên Pronunciations, thuộc dự án nghiên cứu thị trường Viewpoints. Nếu...

BẠN XEM CHƯA

Chia sẻ dữ liệu trên các tài khoản trực tuyến dễ dàng với iBeam.it

Ngày nay có rất nhiều mạng xã hội cũng như dịch vụ lưu trữ trực tuyến. Tùy mỗi người sẽ lựa chọn cho mình...

Hướng dẫn tra cứu mã số thuế thu nhập cá nhân

Thuế thu nhập cá nhân là khoản tiền mà người có thu nhập phải trích nộp một phần tiền lương, hoặc từ các nguồn...

Phóng sự: Du lịch Quy Nhơn – Bình Định

[youtube https://www.youtube.com/watch?v=axOdEO1e1F8?rel=0&showinfo=0&w=560&h=315] Nguồn Youtube

Tắt máy tính nhanh hơn trong Windows 8

Khi mới tiếp xúc với Windows 8 và thậm chí đã tiếp xúc nhiều thì thao tác tắt máy vẫn gây sự khó chịu...

WordPress cung cấp miễn phí giao thức HTTPS cho tất cả các blog sử dụng tên miền riêng

Thứ 6 vừa qua (8/4/2016) WordPress thông báo rằng sẽ hợp tác với Electronic Frontier Foundation's trong sự án Let's Encrypt để cung cấp...