Cette fois, je vais vous apporter l'expression EL en JS pour obtenir les paramètres d'élément pertinents. Quelles sont les précautions pour obtenir les paramètres d'élément pertinents dans l'expression EL en JS. Ce qui suit est 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 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 le front-end transmet les données Json au backend
Koa2 effectue le téléchargement et le téléchargement de fichiers fonctions
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!