Cette fois, je vais vous donner une explication détaillée des étapes pour EL pour obtenir les paramètres de contexte. Quelles sont les précautions pour EL pour obtenir les paramètres de contexte. Voici un cas pratique, jetons un coup d'œil.
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 ELexpression pour obtenir la valeur du paramètre
<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 la valeur du paramètre numérique en js Les expressions EL n'ont pas besoin d'être citées ; prennent les valeurs des paramètres de type string , les expressions EL en js doivent être citées ; les valeurs des paramètres de type objet et collection doivent être converties à l'aide de JSON.toJSONString() dans le 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 :
Explication détaillée de la méthode des composants dynamiques personnalisés de l'opération Vue
Explication détaillée de l'utilisation de Vue méthode de surveillance des données
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!