Làm cách nào để chèn dữ liệu bảng HTML vào cơ sở dữ liệu bằng jQuery?

Ví dụ sau sẽ minh họa cách một trang web có thể lấy thông tin từ cơ sở dữ liệu bằng AJAX

Ví dụ

Thông tin cá nhân sẽ được liệt kê ở đây

Giải thích ví dụ - Cơ sở dữ liệu MySQL

Bảng cơ sở dữ liệu chúng tôi sử dụng trong ví dụ trên trông như thế này

Ví dụ giải thích

Trong ví dụ trên, khi người dùng chọn một người trong danh sách thả xuống ở trên, một hàm có tên "showUser()" được thực thi

Chức năng được kích hoạt bởi sự kiện onchange

Đây là mã HTML

Ví dụ

Thông tin cá nhân sẽ được liệt kê tại đây.

giải thích mã

Trước tiên, hãy kiểm tra xem người đó có được chọn không. Nếu không chọn người nào (str == ""), xóa nội dung của txtHint và thoát khỏi chức năng. Nếu một người được chọn, hãy làm như sau

• Tạo một đối tượng XMLHttpRequest
• Tạo chức năng sẽ được thực thi khi phản hồi của máy chủ đã sẵn sàng
• Gửi yêu cầu đến một tệp trên máy chủ
• Lưu ý rằng một tham số (q) được thêm vào URL (với nội dung của danh sách thả xuống)

Tệp PHP

Trang trên máy chủ được gọi bởi JavaScript ở trên là một tệp PHP có tên "getuser. php"

Mã nguồn trong "getuser. php" chạy truy vấn đối với cơ sở dữ liệu MySQL và trả về kết quả trong bảng HTML

Sau đây tôi sẽ giải thích Cách chèn dữ liệu từ Bảng HTML vào Cơ sở dữ liệu bằng jQuery Ajax trong ASP. mạng C#.
Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách Chèn dữ liệu từ Bảng HTML vào Cơ sở dữ liệu bằng jQuery Ajax trong ASP. mạng C#.
Tìm hiểu bài viết tiếp theo
JQuery Ajax Curd. Chọn Chèn Chỉnh sửa Cập nhật và Xóa bằng jQuery Ajax trong C#
Bước 1. Trước khi tạo ứng dụng, trước tiên hãy tạo cơ sở dữ liệu và sử dụng cơ sở dữ liệu này.
Đầu tiên, nhiều hàng (bản ghi) sẽ được chèn vào một Bảng HTML và sau đó dữ liệu từ tất cả các hàng của Bảng HTML sẽ được gửi đến Phương thức Dịch vụ Web bằng cách sử dụng jQuery AJAX. .

[php]
Tạo cơ sở dữ liệu JqueryDatabase
Sử dụng JqueryDatabase
[/php]
Step 2: After that create a table named “Person” in a database to insert data.
[php]
Tạo bảng Person(
Personid int nhận dạng khóa chính(1,1),
Name varchar(30),
Address varchar(20),
Age int
)

[/php]
Bước 3. Sau khi tạo bảng, hãy tạo thủ tục lưu sẵn để chèn dữ liệu vào bảng “Người”.
[php]
Tạo proc sp_person_insert
@name varchar(30),
@
@age int
as
begin
insert into Person(Name,Address,Age) values(@name,@address,@age)
end
[/php]

Bước 4. Bước 1. Tạo ứng dụng web
“Bắt đầu”-“Tất cả chương trình”–>Microsoft VS 2012
“Tệp”–>”Mới”–>”Dự án”–>Chọn . NET Trang web trống
Đặt Tên dự án như Tên dự án của tôi JqueryDemo1 hoặc bất cứ thứ gì bạn muốn
Sau đó, nhấp chuột phải vào dự án rồi chọn “Thêm mục mới” theo Mặc định mới . aspx” Trang
Bước 5. Sau đó, chúng ta cần thêm Thư viện jQuery vào dự án của bạn. Cài đặt thư viện jquery Nhấp vào “Tên dự án”
–>Chọn “Quản lý gói NuGet. ”–>Chọn “nuget. org” từ menu bên trái và viết “jquery” trên hộp tìm kiếm trực tuyến (ctrl+E). Sau khi cài đặt thành công, thư mục tập lệnh mới được tạo trong dự án của bạn.

Bước 5. Mở. trang aspx và viết mã này.
[php]
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Person.aspx.cs" Inherits="JqueryDemo1.Person" %>

<. LOẠI TÀI LIỆU html>

//Ở đây thêm thư viện jQuery tham khảo
< . tối thiểu. js">

[/php]

Bước 6. mở web. config và Thiết lập kết nối với cơ sở dữ liệu

Ghi chú

• Trong danh mục ban đầu ghi Tên cơ sở dữ liệu
• Trong nguồn dữ liệu, bạn chỉ cần viết (. ) /tên máy chủ của bạn/(cục bộ)
• Bảo mật tích hợp để xác thực

[php]



[/php]

Bước 7. Mở “aspx. cs” trang. Đặt mã này vào “. aspx. cs” Trang.
[php]
sử dụng Hệ thống;
sử dụng Hệ thống. bộ sưu tập. Chung;
sử dụng Hệ thống. Linq;
sử dụng Hệ thống. Web;
sử dụng Hệ thống. mạng. Giao diện người dùng;
sử dụng Hệ thống. mạng. giao diện người dùng. WebControls;
sử dụng Hệ thống. Dữ liệu;
sử dụng Hệ thống. Dữ liệu. SqlClient;
sử dụng Hệ thống. Cấu hình;
sử dụng Hệ thống. mạng. Dịch vụ;

không gian tên JqueryDemo1
{
lớp một phần công khai Người. Hệ thống. mạng. giao diện người dùng. Trang
{
được bảo vệ void Page_Load(object sender, EventArgs e)
{

}

[WebMethod]
public static void InsertData(string Name, string Address, int age)
{
. Chuỗi kết nối ["DBCS"]. ConnectionString);
con. Open();
SqlCommand cmd = new SqlCommand("sp_person_insert", con);
cmd. Loại lệnh = Loại lệnh. StoredProcedure;
cmd. Thông số. AddWithValue("@name", Tên);
cmd. Thông số. AddWithValue("@address", Địa chỉ);
cmd. Thông số. AddWithValue("@age", age);
cmd. ExecuteNonQuery();
con. Close();
}
}
}
[/php]

Thử nghiệm

Làm cách nào để lưu dữ liệu từ biểu mẫu HTML vào cơ sở dữ liệu bằng jQuery?