Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách gọi hàm [phương thức] Phía máy chủ với các tham số từ JavaScript bằng jQuery AJAX trong ASP. Dao cạo Net MVC
trong ASP. Net MVC, mã phía Máy chủ nằm bên trong Bộ điều khiển và do đó bài viết này sẽ minh họa cách gọi phương thức Hành động của Trình điều khiển từ JavaScript trong ASP. Dao cạo Net MVC
Lưu ý . Dành cho người mới bắt đầu trong ASP. Net MVC, vui lòng tham khảo bài viết của tôi ASP. Hướng dẫn về Net MVC Hello World với ví dụ về Chương trình mẫu.
Mô hình
Sau đây là một lớp Model có tên là PersonModel với hai thuộc tính i. e. Tên và Ngày Giờ
lớp công khai PersonModel
{
///
/// Nhận hoặc đặt Tên.
///
công khai chuỗi Tên { nhận; set; }
///
/// Lấy hoặc đặt DateTime.
///
công khai chuỗi Ngày giờ { nhận; set; }
}
Bộ điều khiển
Bộ điều khiển bao gồm hai phương thức Hành động
Phương thức hành động để xử lý thao tác GET
Bên trong phương thức Hành động này, chỉ cần trả về Chế độ xem
Phương thức hành động để xử lý hoạt động jQuery AJAX
Phương thức Hành động này xử lý cuộc gọi được thực hiện từ hàm jQuery AJAX từ Chế độ xem
Lưu ý . Phương thức Hành động sau đây xử lý các cuộc gọi AJAX và do đó, kiểu trả về được đặt thành JsonResult.
Giá trị của tham số name được gán cho thuộc tính Name của đối tượng PersonModel cùng với DateTime hiện tại và cuối cùng đối tượng PersonModel được trả về dưới dạng JSON cho hàm jQuery AJAX
lớp công khai Trình điều khiển gia đình. Bộ điều khiển
{
// NHẬN. Trang chủ
công khai ActionResult Index[]
{
return View[];
}
[HttpPost]
công khai JsonResult AjaxMethod[chuỗi name]
{
PersonModel person = new PersonModel
{
Tên = tên,
Ngày Giờ = Ngày Giờ. Bây giờ. ToString[]
};
return Json[person];
}
}
Khung nhìn
Bước tiếp theo là thêm Chế độ xem cho Trình điều khiển và trong khi thêm, bạn sẽ cần chọn lớp PersonModel đã tạo trước đó
Bên trong Chế độ xem, ngay dòng đầu tiên, lớp PersonModel được khai báo là Mô hình cho Chế độ xem. Chế độ xem bao gồm phần tử Hộp văn bản HTML và Nút. Nút đã được chỉ định một trình xử lý sự kiện nhấp chuột jQuery và khi Nút được nhấp, jQuery AJAX được gọi được tạo cho phương thức hành động của Bộ điều khiển
Hình dưới đây mô tả một lệnh gọi jQuery AJAX trong ASP. mạng MVC
URL cho lệnh gọi jQuery AJAX được đặt thành phương thức hành động của Bộ điều khiển i. e. /Trang chủ/Phương thức Ajax. Giá trị của Hộp văn bản được truyền dưới dạng tham số và phản hồi trả về được hiển thị bằng Hộp thông báo cảnh báo JavaScript
Trong bài viết này tôi sẽ giải thích bằng một ví dụ, cách gọi hàm JavaScript trên Html. Nhấp vào ActionLink trong ASP. Dao cạo Net MVC
Khi nhấp vào ActionLink bên trong hàng WebGrid, một hàm JavaScript sẽ được gọi bên trong đó dữ liệu từ hàng WebGrid sẽ được tìm nạp và hiển thị bằng Hộp thông báo cảnh báo JavaScript
cơ sở dữ liệu
Ở đây tôi đang sử dụng Cơ sở dữ liệu Northwind của Microsoft. Bạn có thể tải về từ đây
Tải xuống và cài đặt Cơ sở dữ liệu Northwind
Mô hình khung thực thể
Sau khi Entity Framework được cấu hình và kết nối với bảng cơ sở dữ liệu, Mô hình sẽ có dạng như bên dưới
Lưu ý . Dành cho người mới bắt đầu trong ASP. Net MVC và Entity Framework, vui lòng tham khảo bài viết của tôi ASP. mạng MVC. Hướng dẫn khung thực thể đơn giản với ví dụ. Nó bao gồm tất cả thông tin cần thiết để kết nối và định cấu hình Entity Framework.
Bộ điều khiển
Bộ điều khiển bao gồm phương thức Hành động sau
Phương thức hành động để xử lý thao tác GET của Chế độ xem chỉ mục
Khung thực thể hiện đã được định cấu hình và do đó, bây giờ chúng ta có thể tạo Bộ điều khiển và viết mã để tìm nạp các bản ghi từ Bảng khách hàng của Cơ sở dữ liệu Northwind
Bên trong phương thức Hành động lập chỉ mục, các bản ghi Khách hàng được tìm nạp bằng Entity Framework và được trả về Chế độ xem
lớp công khai HomeController. Bộ điều khiển
{
// NHẬN. Trang chủ
công khai ActionResult Index[]
{
Các thực thể Northwind = mới NorthwindEntities[];
return Chế độ xem[thực thể. khách hàng. ToList[]];
}
}
Khung nhìn
Bên trong Chế độ xem, trong dòng đầu tiên, Thực thể khách hàng được khai báo là IEnumerable chỉ định rằng Mô hình sẽ có sẵn dưới dạng Bộ sưu tập
WebGrid được khởi tạo với Model i. e. Tập hợp vô số các đối tượng lớp Thực thể khách hàng làm nguồn
WebGrid được tạo bằng phương thức GetHtml với các tham số sau
HtmlAttribut – Nó được sử dụng để đặt các thuộc tính HTML cho Bảng HTML được tạo bởi WebGrid, chẳng hạn như ID, Tên, Lớp, v.v.
Cột – Nó được sử dụng để chỉ định các cột sẽ được hiển thị trong WebGrid và cũng cho phép đặt Văn bản Tiêu đề cụ thể cho các cột
Cột cuối cùng của WebGrid bao gồm một ActionLink được tạo bằng Html. Phương thức trợ giúp ActionLink
ActionLink đã được chỉ định với trình xử lý sự kiện title JavaScript để thực hiện cuộc gọi đến hàm JavaScript GetSelectedRow
Bên trong hàm JavaScript GetSelectedRow, tham chiếu của hàng trong Bảng HTML được xác định và sau đó sử dụng tham chiếu này, dữ liệu từ mỗi ô được tìm nạp và hiển thị bằng Hộp thông báo cảnh báo JavaScript