Nhận giá trị từ jsp sang javascript

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;

var num = 123456;

var num = 123456;

var num = ; // JSP 'accountNumber' variable did not exist

Đối tượng

var num = 123456;

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;

jspArgs.set('num')(123456);

Phương thức

var num = 123456;

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;

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;

var num = 123456;

var num = 123456;

var num = ; // JSP 'accountNumber' variable did not exist

var num = 123456;

Sử dụng

var num = ; // JSP 'accountNumber' variable did not exist

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

var num = 123456;

Tạo một tệp tin JSP

Tạo tệp

var num = ; // JSP 'accountNumber' variable did not exist

var num = 123456;

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

Làm cách nào để lấy giá trị từ JSP sang JS?

Làm cách nào để chuyển một biến JSP sang tệp JavaScript?

Làm cách nào để truy cập biến Java trong JavaScript trong JSP?

Làm cách nào để truy cập đối tượng JavaScript trong JSP?