Làm cách nào tôi có thể lấy dữ liệu mà không cần làm mới trang trong PHP?

Ở đâ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
  • 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

Chủ Đề