jsでhtmlのjavaバックエンドから渡されたオブジェクトやリストの書き方を取得する
3517 ワード
SpringmvcのcontrollでModelを使用すると、htmlページの初期化表示にオブジェクトやlistなどのコンテンツを直接渡すことができます.jsでは、そのオブジェクトのプロパティを取得するのも簡単です.以下のようにします.
一、htmlの書き方(単一属性の場合)
jsでは
オブジェクトやlistの転送では、上記の書き方を直接使用することはできません.jsはエラーを報告します.この場合、バックエンドでJSONでオブジェクトをjson形式に処理し、htmlページでオブジェクトに変換する必要があります.
二、バックエンドからフロントエンドhtmlまでの書き方は以下の通りです.
一、htmlの書き方(単一属性の場合)
jsでは
name
を直接使用して取得できます<script type="text/javascript">
var name = '${name}';
</script>
オブジェクトやlistの転送では、上記の書き方を直接使用することはできません.jsはエラーを報告します.この場合、バックエンドでJSONでオブジェクトをjson形式に処理し、htmlページでオブジェクトに変換する必要があります.
二、バックエンドからフロントエンドhtmlまでの書き方は以下の通りです.
@RequestMapping("/to-user")
public String toUser(Model model){
User user = new User();
user.setName(" ");
user.setAge(12);
Object json = JSONObject.toJSON(user);
model.addAttribute("user",json);
return "/user.html";
}
<script type="text/javascript">
var user= JSON.parse('${user}');
</script>