Cette fois, je vais vous montrer comment utiliser ELexpression en JS pour obtenir des paramètres de contexte. Quelles sont les précautions concernant l'utilisation de l'expression EL en JS pour obtenir des paramètres de contexte. le combat réel Jetons un coup d’œil au cas.
1. action renvoie les paramètres à la page
/** * 测试js中获取后台传值 * @param model * @param req * @return String */ @RequestMapping("getValue") public String getValue(Model model, HttpServletRequest req){ model.addAttribute("stringValue", "测试在js中取值..."); model.addAttribute("numberValue", 111); List<String> list = new ArrayList<String>(); list.add("aaa"); list.add("bbb"); list.add("ccc"); model.addAttribute("arrayValue", list); model.addAttribute("jsonStringValue", JSON.toJSONString(list)); User user = new User(); user.setUserID("1"); user.setUserName("test"); user.setMobile("13800000000"); user.setEmail("test@163.com"); user.setNickName("test"); model.addAttribute("objJsonString", JSON.toJSONString(user)); return "/getValue.htm"; }
2. Utilisez des expressions EL pour obtenir les valeurs des paramètres
<script type="text/javascript"> $(function(){ var stringValue = '${stringValue}'; console.log('stringValue-------------' + stringValue); var numberValue = ${numberValue}; console.log('numberValue-------------' + numberValue); var jsonStringValue = ${jsonStringValue}; console.log('jsonValue---------------' + jsonStringValue); var jsonStringValue1 = '${jsonStringValue}'; console.log('jsonValue1---------------' + jsonStringValue1); var objJsonString = '${objJsonString}'; console.log("objJsonString------------------- " + objJsonString); var obj = JSON.parse(objJsonString); console.log("userName ------------ " + obj.userName); }); </script>
Remarque : prend des valeurs de paramètres numériques dans js n'ont pas besoin. pour être cité. ; Pour prendre la valeur du paramètre de type string , les expressions EL dans js doivent être citées ; les valeurs des paramètres de type d'objet et de collection doivent être converties en utilisant JSON.toJSONString() en arrière-plan.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Comment utiliser VUE pour étendre ElTableColumn dans element-ui
Comment utiliser l'écoute des données Vue montre de méthode
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!