Ở đây, chúng ta sẽ bắt đầu gửi biểu mẫu mà không cần làm mới trang bằng cách sử dụng Ajax jQuery và Php với ví dụ. Ngoài ra, hãy giải thích và cung cấp một số mã cho ví dụ dữ liệu biểu mẫu tuần tự hóa ajax mà không cần tải lại trang. Đồng thời, gửi biểu mẫu và hiển thị kết quả trên cùng một trang mà không cần làm mới
Do đó, hiển thị phương pháp tốt nhất để sử dụng mã này cho mọi biểu mẫu và gửi dữ liệu mà không cần làm mới trang với kết quả ví dụ hiển thị cùng một trang ngay lập tức bằng ajax bằng cách sử dụng jquery và PHP
hãy xem các ví dụ trong phần bên dưới từng bước và cũng giải thích tất cả các điểm chính khác tìm thấy và tìm hiểu tại đây
Mục lục
- Gửi biểu mẫu mà không cần làm mới trang bằng Ajax jQuery và PHP
- Chèn dữ liệu vào PHP bằng jQuery ajax mà không cần làm mới trang
- jQuery nhận giá trị từ dữ liệu tuần tự hóa
- Chèn dữ liệu vào PHP bằng jQuery ajax mà không cần làm mới trang
- Gửi biểu mẫu và hiển thị kết quả trên cùng một trang mà không cần làm mới
- Phần kết luận
Gửi biểu mẫu mà không cần làm mới trang bằng Ajax jQuery và PHP
Đầu tiên, chúng ta phải tạo cấu trúc biểu mẫu HTML để triển khai gửi dữ liệu biểu mẫu trong cơ sở dữ liệu mà không cần tải lại trang bằng jQuery
Bước 1. - Đã tạo chỉ mục trang. php và thêm biểu mẫu HTML này
Ajax form submit without reloading page
form {
text-align: center;
padding: 26px;
margin: 11px;
}
div {
padding: 15px;
}
h1 {
text-align: center;
}
This is the simple form using Ajax
Name
Mobile No
address
city
Submit
$[document].ready[function[]{
$['button'].click[function[event]{
event.preventDefault[];
var name = $['#name'].val[];
var mobile = $['#mobile'].val[];
var address = $['#address'].val[];
var city = $['#city'].val[];
$.ajax[{
type: "POST",
url: "upload.php",
data: { name:name, mobile:mobile, address:address, city:city },
dataType: "json",
success: function[result]{
}
}];
}];
}];
Bước 2. Thứ hai, chúng tôi đã tạo một trang để tải lên. dữ liệu bảng php sử dụng ajax xem bên dưới. Ở đây có sẵn code rồi copy code này dán vào file upload của bạn hết code