Dieses Mal zeige ich Ihnen, wie Sie ELAusdruck in JS verwenden, um Kontextparameter zu erhalten. Welche Vorsichtsmaßnahmen bei der Verwendung von EL-Ausdrücken in JS gelten, um Kontextparameter zu erhalten der eigentliche Kampf Werfen wir einen Blick auf den Fall.
1. Aktion gibt Parameter an die Seite zurück
/** * 测试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 js-Ausdruck zum Abrufen des Parameterwerts
<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>
Hinweis: benötigt einen numerischen Parameterwert, der EL-Ausdruck in js muss nicht in Anführungszeichen gesetzt werden Parameterwerte vom Typ String, EL-Ausdrücke in js müssen in Anführungszeichen gesetzt werden; Parameterwerte vom Objekt- und Sammlungstyp müssen mit JSON.toJSONString() im Hintergrund konvertiert werden.
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
So verwenden Sie VUE, um ElTableColumn in element-ui zu erweitern
So verwenden Sie Vue Data Listening Methodenuhr
Das obige ist der detaillierte Inhalt vonSo verwenden Sie den EL-Ausdruck in JS, um Kontextparameter zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!