Làm cách nào chúng tôi có thể gửi biểu mẫu mà không làm mới trang trong php?

Hướng dẫn này sẽ hướng dẫn bạn cách tạo biểu mẫu sẽ gửi thông tin mà không cần làm mới trang biểu mẫu. Thay vào đó, một thông báo sẽ hiển thị khi gửi thành công

Đối với điều này, chúng tôi đã tạo một biểu mẫu HTML trong “refreshform. tập tin html”

Hơn nữa, chúng tôi đã tạo một cơ sở dữ liệu có tên là “mydba”

CREATE DATABASE mydba;
..................

và sử dụng các chi tiết biểu mẫu được chèn vào PHP

$query = mysql_query["insert into TABLE NAME[column1, column2, column3] values ['$value1','$value2','$value3']"]; //Insert query

Ngay sau khi bạn nhấp vào nút gửi, dữ liệu sẽ được gửi đến tập lệnh php bằng cách sử dụng $. bưu kiện[]

cú pháp

$[selector].post[URL,data,function[data,status,xhr],dataType]

Tại thời điểm này, trang biểu mẫu sẽ không được làm mới thay vào đó, một thông báo sẽ được gửi "Đã gửi dữ liệu thành công" khi gửi biểu mẫu thành công

Tải xuống mã

Tệp HTML – biểu mẫu làm mới. html

• Bao gồm biểu mẫu có id = "biểu mẫu"

Submit Form Without Refreshing Page






Submit Form Without Refreshing Page


Fill Your Information!
Name:

Email:

Contact No.

Gender:
Male
Female
Message:

Tệp jQuery – biểu mẫu làm mới. js

• Gửi yêu cầu tới tập lệnh php kèm theo chi tiết biểu mẫu. Thông báo trả về khi gửi dữ liệu thành công

$[document].ready[function[] {
$["#submit"].click[function[] {
var name = $["#name"].val[];
var email = $["#email"].val[];
var contact = $["#contact"].val[];
var gender = $["input[type=radio]:checked"].val[];
var msg = $["#msg"].val[];
if [name == '' || email == '' || contact == '' || gender == '' || msg == ''] {
alert["Insertion Failed Some Fields are Blank....!!"];
} else {
// Returns successful data submission message when the entered information is stored in database.
$.post["refreshform.php", {
name1: name,
email1: email,
contact1: contact,
gender1: gender,
msg1: msg
}, function[data] {
alert[data];
$['#form'][0].reset[]; // To reset form fields
}];
}
}];
}];

Mã My-SQL

• Lệnh My-SQL để tạo cơ sở dữ liệu 'mydba' và bảng 'form_elements'

CREATE DATABASE mydba;
CREATE TABLE form_element [
id int[25] NOT NULL AUTO_INCREMENT,
name varchar[255] NOT NULL,
email varchar[255] NOT NULL,
contact int[25] NOT NULL,
gender varchar[255] NOT NULL,
message varchar[255] NOT NULL,
PRIMARY KEY [id]
]

Tệp PHP – biểu mẫu làm mới. php

• Chèn thông tin biểu mẫu vào cơ sở dữ liệu