Hướng dẫn jquery ajax form submit php mysql - jquery ajax biểu mẫu gửi php mysql

Biểu mẫu JQuery AJAX đơn giản Gửi trong xác thực PHP + MySQL +. Trong hướng dẫn này; Bạn sẽ tìm hiểu cách tạo và gửi biểu mẫu AJAX đơn giản trong PHP và cách gửi dữ liệu biểu mẫu vào cơ sở dữ liệu MySQL mà không cần toàn bộ trang làm mới hoặc tải lại. Và bạn cũng sẽ học cách hiển thị thông báo lỗi xác thực cho người dùng nếu người dùng không điền bất kỳ trường biểu mẫu nào.

Tại đây, bạn sẽ tìm hiểu cách gửi dữ liệu đến cơ sở dữ liệu MySQL bằng AJAX + JQuery + PHP mà không tải lại toàn bộ trang và hiển thị thông báo lỗi xác thực phía máy khách nếu nó có lỗi trong biểu mẫu.

Hướng dẫn này giúp bạn từng bước để tạo hoặc gửi biểu mẫu AJAX trong PHP với MySQL DB. Khi chúng tôi lưu trữ một dạng dữ liệu vào cơ sở dữ liệu MySQL sau đó, chúng tôi sẽ hiển thị một thông báo thành công cho người dùng. Thông điệp có vẻ như là hình thức của bạn đã được gửi thành công bằng cách sử dụng AJAX trong PHP với MySQL DB.“Your form has been successfully submitted using ajax in PHP with MySQL DB”.

Thực hiện theo các bước đã đưa ra dưới đây để dễ dàng tạo và gửi biểu mẫu AJAX trong PHP + MySQL với xác thực phía máy khách:

• Tạo tệp kết nối cơ sở dữ liệu
• Tạo biểu mẫu AJAX trong PHP
• Tạo tệp lưu trữ dữ liệu AJAX

Trước hết, hãy truy cập phpmyadmin của bạn và tạo một khách hàng tên bảng với các trường sau: tên, email, thiết bị di động.

1. Đầu tiên tạo tệp kết nối cơ sở dữ liệu

Trong bước này, bạn sẽ tạo một tên tệp db.php và cập nhật mã bên dưới vào tệp của bạn.

Mã dưới đây được sử dụng để tạo kết nối cơ sở dữ liệu MySQL trong PHP. Khi chúng tôi chèn dữ liệu biểu mẫu vào cơ sở dữ liệu MySQL, chúng tôi sẽ bao gồm tệp này:

2. Tạo biểu mẫu AJAX trong PHP

Trong bước này, bạn cần tạo biểu mẫu AJAX và cập nhật mã dưới đây vào tệp ajax-form.php của bạn.

 






jQuery Ajax Form Submit Example In PHP

Please fill all fields in the form
Form data sent. Thanks for your comments.We will update you within 24 hours. 



Name



Email



Mobile

 



    

3. Tạo tệp AJAX Form

Bây giờ chúng tôi sẽ tạo một tên tệp mới tên ajax-form-store.php và cập nhật mã dưới đây vào tệp ajax-form-store.php của bạn.

Mã dưới đây được sử dụng để lưu trữ dữ liệu biểu mẫu vào khách hàng tên bảng cơ sở dữ liệu MySQL. Nếu biểu mẫu được gửi thành công vào cơ sở dữ liệu, nó sẽ trả về thông báo thành công nếu không nó sẽ trả lại lỗi.customers. If form successfully submitted to the database, it will return success message otherwise it returns an error.

Sự kết luận

Trong hướng dẫn này, bạn đã học cách tạo và gửi biểu mẫu AJAX và lưu trữ dữ liệu vào cơ sở dữ liệu MySQL mà không tải lại hoặc làm mới toàn bộ trang web với xác thực phía máy khách.

Hướng dẫn PHP được đề xuất

Nếu bạn có bất kỳ câu hỏi hoặc suy nghĩ nào để chia sẻ, hãy sử dụng mẫu bình luận dưới đây để liên hệ với chúng tôi.