Kỹ thuật này cung cấp một cách an toàn và dễ dàng để truy cập dữ liệu được giữ trong các biến JSP từ JavaScript. Phương pháp thông thường để thực hiện việc này bao gồm việc đặt một số mã như thế này vào tệp JSP của bạn
var num = ;
sẽ tạo một dòng trong tệp HTML kết quả giống như thế này
var num = 123456;
Điều này thực sự có tác dụng mong muốn - giá trị của biến JSP
var num = 123456;5 được ghi vào biến JavaScript
var num = 123456;6 và sau đó có thể được sử dụng từ bên trong mã JavaScript trên trang. Tuy nhiên, có một vấn đề với cách tiếp cận này - cụ thể là nếu vì lý do nào đó, biến JSP [
var num = 123456;5 trong ví dụ của chúng tôi] không tồn tại, thì mã kết quả không còn hợp lệ JavaScript và sẽ gây ra lỗi cú pháp
var num = ; // JSP 'accountNumber' variable did not exist
Đối tượng
var num = 123456;1 được khai báo bên dưới có thể được sử dụng làm vùng chứa an toàn cho các giá trị biến JSP, khắc phục sự cố được mô tả
var jspArgs = [function[]{ var jspArgsValues = {}; // Values stored here, protected by a closure var jspArgsObj = {}; // This gets augmented and assigned to jspArgs jspArgsObj.set = function[name]{ return function[value]{ name && [jspArgsValues[name] = value]; }; }; jspArgsObj.get = function[name]{ return jspArgsValues[name]; }; return jspArgsObj; }][];
Đối tượng được sử dụng như sau
jspArgs.set['num'][]; // stores the value of 'accountNumber' inside jspArgs ... var num = jspArgs.get['num']; // retrieves the value
Đặc biệt chú ý đến cú pháp của lệnh gọi hàm
var num = 123456;2, nó không bình thường
jspArgs.set['num'][123456];
Phương thức
var num = 123456;3 chấp nhận tên của giá trị mà bạn đang lưu trữ làm đối số của nó, sau đó nó trả về một hàm chấp nhận giá trị được lưu trữ làm đối số của nó. Đoạn mã trên có thể được viết chi tiết hơn như sau
var putValueHereFunction = jspArgs.set['num']; putValueHereFunction[123456];
nhưng phiên bản tốc ký dễ đọc hơn nhiều. Việc chia hoạt động
var num = 123456;3 thành 2 phần theo cách này có ưu điểm là mã JavaScript thu được vẫn hợp lệ nếu một trong hai [hoặc cả hai] đối số bị bỏ qua
Xin chào các bạn trong bài viết này, bạn sẽ tìm hiểu về cách đọc các giá trị biểu mẫu bằng cách sử dụng JSP với ví dụ dễ hiểu
Đọc thêm
- Kiểm tra Hướng dẫn JSP hoàn chỉnh
- Kiểm tra Hướng dẫn khởi động mùa xuân hoàn chỉnh [hơn 100 ví dụ]
- Kiểm tra Hướng dẫn Spring Boot và Thymeleaf hoàn chỉnh
- Kiểm tra Hướng dẫn AWS hoàn chỉnh
- Kiểm tra Hướng dẫn hoàn chỉnh về JavaServer Faces [JSF]
- Kiểm tra Hướng dẫn JPA dữ liệu mùa xuân hoàn chỉnh
- Kiểm tra Hướng dẫn bảo mật mùa xuân hoàn chỉnh
- Kiểm tra Dự án Javascript cho người mới bắt đầu
- Kiểm tra Hướng dẫn Spring Boot JdbcTemplate
Mục lục
- Tổng quan
- Hoàn thành ví dụ
- Tạo một dự án
- Tạo biểu mẫu HTML
- Tạo một tệp tin JSP
- Chạy tập tin
Tổng quan
Để đọc các giá trị biểu mẫu trong JSP, chúng ta sẽ sử dụng var num = 123456;
8 đối tượng
var num = 123456;1
var num = 123456;
9 lấy tên của phần tử đầu vào. Một phương pháp tắt khác để đọc dữ liệu biểu mẫu là sử dụng var num = ; // JSP 'accountNumber' variable did not exist
0 đối tượng
var num = 123456;2
Sử dụng var num = ; // JSP 'accountNumber' variable did not exist
0 đối tượng chúng ta có thể truy cập tên trường nhập liệu.
Hoàn thành ví dụ
Thực hiện theo các bước dưới đây để hiểu ví dụ đầy đủ
Tạo một dự án
Bạn có thể kiểm tra bài đăng sau để tạo Dự án web động mới
- Tạo một dự án web động trên Eclipse IDE
Tạo biểu mẫu HTML
Tạo tệp var num = ; // JSP 'accountNumber' variable did not exist
2 trong WebContent và thêm nội dung sau
var num = 123456;3
Tạo một tệp tin JSP
Tạo tệp var num = ; // JSP 'accountNumber' variable did not exist
3 trong WebContent và thêm nội dung sau
var num = 123456;4
Chạy tập tin
Click chuột phải vào File chọn Run As chọn Run on Server. Nó sẽ mở trong trình duyệt web mặc định, bạn sẽ thấy nội dung sau