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://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ 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

Binance Launchpad có dễ… húp như bạn tưởng

Tiền kỹ thuật số (cryptocurrency) đang dần mở rộng. Kể ra mình biết khái niệm này từ rất lâu. Nếu các bạn là độc...

10 Công Cụ Có Thể Thay Thế ChatGPT

ChatGPT là một mô hình ngôn ngữ lớn được phát triển bởi OpenAI. Nó cung cấp các câu trả lời nhanh chóng và ngắn...

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

BẠN XEM CHƯA

Đàn bà cũ

Đàn bà cũ xác thân không trọn vẹn Tâm hồn già mòn mỏi với thời gian Đời đi qua nhiều vất vả gian nan Bao vấp ngã...

Kiểm tra hàm đã được gọi hay chưa trong Javascript

Bạn viết và sử dụng các hàm Javascript ở nhiều khác nhau thì có thể đôi lần bạn gặp lại tình trạng gọi lặp...

Quản lý file và dựng service quét mã độc định kỳ cho source-code sau khi deploy lên server

Gần đây tôi gặp 1 tình huống củ khoai. Chuyện là sếp yêu cầu làm 1 cái landing page bằng Wordpress. Mọi chuyện chắc...

Nhận 40USD tín dụng từ iPage

Hôm trước có viết bài chia sẻ cách nhận 40USD cho lần thanh toán kế tiếp ở iPage. Khi viết bài này thì thấy...

Những dấu hiệu nhận biết điện thoại bị nhiễm virus

Nếu điện thoại hay máy tính bản của bạn có những hiện tượng sau đây thì hãy nghĩ nó đã bị nhiễm virus. Dung...