Sử dụng biến mùa xuân trong javascript

Question

Tôi đang cố gắng sử dụng một biến mùa xuân trong javascript:

Map<String, List<String>> states; 

và tôi thấy một số thông tin here

vì vậy tôi cố gắng:

<script th:inline="javascript"> 
    /*<![CDATA[*/ 
    var xxx = ${states}; 
    console.log(xxx); 
    /*]]>*/ 
</script> 

Trong tôi tab nguồn của trình duyệt Tôi có một cái gì đó như:

var xxx = {STATE1=[a, b, c, d]}; 
console.log(xxx); 

và lỗi là: Uncaught SyntaxError: Invalid shorthand property initializer.

Tôi cũng đã thử với: var xxx = /*[[${states}]]*/ 'foo'; và nếu tôi in console.log(xxx), tôi nhận được 'foo'.

Answer 1

tôi giải quyết vấn đề của tôi sử dụng bình luận của bạn:

1) Có được thiếu dấu nháy đơn:

<script th:inline="javascript"> 
    /*<![CDATA[*/ 
    var xxx = '${states}'; 
    console.log(xxx); 
    /*]]>*/ 
</script> 

2) Đối tượng phải được phân tích như vậy:

var hashmap = $.parseJSON(xxx); 

3) Và trước khi tôi cần serialize đối tượng của tôi (đây không phải là cuộc gọi ajax vì vậy tôi cần serialize nó theo cách thủ công):

Map<String, List<String>> states... 
    model.addAttribute("states", new ObjectMapper().writeValueAsString(states)); 

Vì vậy, bây giờ tôi có thể đọc đối tượng của tôi:

var myList = hashmap['STATE1']; 
console.log(myList) 

sẽ in [a, b, c, d] và tôi có thể lặp qua:

for(i in myList){ 
    console.log(myList[i]); 
} 

Answer 2

Lỗi này là do {STATE1=[a, b, c, d]} là đối tượng Javascript không hợp lệ.

Giải thích là rất nhỏ: bạn đang thấy sản phẩm hiển thị phía máy chủ (bạn đang sử dụng Thymeleaf như chất béo như tôi có thể đề xuất bằng thẻ th:inline). Vì vậy, trên máy chủ, đối tượng bản đồ của bạn được hiển thị dưới dạng chuỗi {STATE1=[a, b, c, d]}. Trên trình duyệt (trình duyệt) của bạn, bạn nhận được trang có chuỗi này, không có gì khác. Đã không có bất kỳ đối tượng Java nào. Chỉ cần chuỗi. Và chuỗi này là khởi tạo không hợp lệ của một đối tượng trong Javascript.

Vì vậy, bạn chỉ đơn giản là không thể sử dụng bản đồ theo cách này. Bạn không thể phân tích cú pháp này với JSON.parse vì nó không hợp lệ JSON (phải có : được sử dụng thay vì =).

Hy vọng điều này sẽ hữu ích!

P.S. Nếu bạn sẽ cố gắng thay thế = bằng : bằng Javascript, nó sẽ hoạt động theo cách khác bạn mong đợi: mảng [a, b, c, d] sẽ được coi là một mảng biến với tên a, b, c và d, do đó bạn sẽ phải tiết lộ nó ''. Nhưng tôi đề nghị vứt bỏ ý tưởng này và suy nghĩ lại cách tiếp cận của bạn. Nó không phải là cách nó nên được sử dụng.