Ajax một trang với php mysql mà không cần làm mới trang

codexworldblog

Hoạt động CRUD PHP mà không cần làm mới trang bằng jQuery Ajax MySQL

Thao tác CRUD PHP mà không cần Làm mới trang bằng jQuery Ajax MySQL

CRUD là viết tắt của Tạo, Đọc, Cập nhật và Xóa bản ghi cơ sở dữ liệu. Chức năng Thêm, Chỉnh sửa, Cập nhật và Xóa được sử dụng hầu hết mọi dự án web trong PHP. Bạn đã làm điều đó nhiều lần, nhưng hôm nay chúng tôi sẽ chỉ cho bạn cách thân thiện với người dùng hơn để triển khai chức năng CRUD trong PHP. Ở đây, chúng tôi sẽ triển khai các hoạt động PHP CRUD mà không cần làm mới trang bằng jQuery, Ajax và MySQL. Chức năng của ví dụ…

Xem trên WordPress

#CRUD#MySQL#PHP

Đóng ghi chú

Gửi/chèn biểu mẫu vào cơ sở dữ liệu MySQL trong php bằng cách sử dụng jquery ajax. Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách gửi biểu mẫu để chèn dữ liệu vào cơ sở dữ liệu MySQL mà không cần làm mới hoặc tải lại trang trong PHP bằng cách sử dụng jQuery ajax

Ví dụ gửi biểu mẫu mà không cần làm mới trang bằng ajax này sẽ chỉ cho bạn cách gửi biểu mẫu và chèn dữ liệu vào cơ sở dữ liệu MySQL mà không cần làm mới và tải lại trang web trong PHP bằng AJAX + jQuery

Cách gửi biểu mẫu bằng Ajax mà không cần làm mới trang trong PHP

Thực hiện theo các bước sau để gửi biểu mẫu bằng jQuery ajax mà không cần làm mới trang trong PHP và MySQL

• Bước 1- Tạo tệp kết nối cơ sở dữ liệu
• Bước 2 – Tạo biểu mẫu HTML
• Bước 3 – Tạo dữ liệu lưu trữ trong tệp DB
• Bước 4 – Kiểm tra ứng dụng này

Bước 1- Tạo tệp kết nối cơ sở dữ liệu

Trong bước này, chúng tôi sẽ tạo một tên tệp db. php và thêm đoạn mã dưới đây vào tệp của bạn

Lưu ý rằng. - Đoạn code trên 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, bạn cần bao gồm tệp này

Khuyến khích. -PHP Google Địa điểm Tự động hoàn thành Ví dụ

Bước 2 – Tạo biểu mẫu HTML

Trong bước này, chúng ta cần tạo một biểu mẫu html đơn giản và triển khai mã jquery ajax. Vì vậy, hãy thêm mã dưới đây vào biểu mẫu ajax của bạn. tập tin php

how to submit a form without refreshing the page using jquery ajax - Tutsmake.com

 






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

 



    


$[document].ready[function[$]{
// hide messages 
$["#error"].hide[];
$["#show_message"].hide[];
// on submit...
$['#ajax-form'].submit[function[e]{
e.preventDefault[];
$["#error"].hide[];
//name required
var name = $["input#name"].val[];
if[name == ""]{
$["#error"].fadeIn[].text["Name required."];
$["input#name"].focus[];
return false;
}
// email required
var email = $["input#email"].val[];
if[email == ""]{
$["#error"].fadeIn[].text["Email required"];
$["input#email"].focus[];
return false;
}
// mobile number required
var mobile = $["input#mobile"].val[];
if[mobile == ""]{
$["#error"].fadeIn[].text["Mobile number required"];
$["input#mobile"].focus[];
return false;
}
// ajax
$.ajax[{
type:"POST",
url: "project_folder_name/ajax-form-save.php",
data: $[this].serialize[], // get all form field value in serialize form
success: function[]{
$["#show_message"].fadeIn[];
//$["#ajax-form"].fadeOut[];
}
}];
}];  
return false;
}];

Khuyến khích. -Ví dụ hướng dẫn tải lên tệp PHP Dropzone

Bước 3 – Tạo dữ liệu lưu trữ trong tệp DB

Tạo tên tệp mới ajax-form-save. php và cập nhật mã bên dưới thành ajax-form-save. tập tin php