JavaメソッドからJavaスクリプト関数にデータを送る方法は？

Question

私は、Javaスクリプトを使用してポップアップウィンドウを作成しました。私はJavaメソッドから返されるそのポップアップウィンドウに文字列を表示したい。私はコントローラを作成し、パラメータをマップしました。しかし、文字列が正しく表示されていません。

ここでは、ポップアップウィンドウを表示するが、文字列値が表示されないJavaスクリプト関数です。

<script> 

function myFunction() { 

    alert(${random_number}); 
} 
</script> 

ここで生成した文字列を取りたいJavaメソッドです。

public class VerificationCode { 

final static int numOfDigits = 4; 
String PINString = ""; 
int randomPIN = 0; 

public String RandomNumber() { 

    for(int i = 0; i<numOfDigits; i++){ 
     randomPIN = (int)(Math.random() * 8) + 1; 
     PINString = PINString+String.valueOf(randomPIN); 
    } 

    return PINString; 
} 

}

これは私が書いたコントローラです。私は経験が少ないのでこれが正しいかどうか疑問に思います。私が何をしたいか

public class PopupController { 

@RequestMapping(value = "/register-login", method = RequestMethod.POST) 
public String viewUserRegistrationPage(ModelMap model) { 
    VerificationCode vc = new VerificationCode(); 
    String print_val = vc.RandomNumber(); 
    model.addAttribute("random_number", print_val); 
    //return "text"; 
    return "user-management"; 
} 

}

ポップアップウィンドウに文字列値「PINString」を表示されているJavaスクリプト機能「のMyFunctionを（）」を使用して作成しました。 IDEとJBossサーバーとしてIntelliJを使用します。

に編集： 関連するHTMLフォーム

<div class="form-group"> 
<div class="col-sm-8 col-sm-offset-4 col-md-offset-4" onclick="myFunction()"> 
<input type="submit" value="Register" 
class="btn btn-primary btn-flat w-min-120" 
data-toggle="modal" data-target="#myModal"/>               
</div> 
<input type="hidden" id="myInput" value="${random_number}"> 
<script> 

//When the user clicks on div, open the popup 
function myFunction() { 
//var str = VerificationCode.RandomNumber(); 
alert("myInput"); 
} 
    </script> 
</div> 

Answer 1

私はあなたがあなたのJS関数を更新する必要があると思います：HTMLページで

<script type="text/javascript"> 
 
    function myFunction(){ 
 
    var number=document.getElementById("myInput").getAttribute("value"); 
 
    alert(number); 
 
    } 
 
</script>

は、JSTLタグを含めて、コメントを追加しなければなりません式：

HTMLコード：あなたのHTMLストアで

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
 

 
<div class="form-group"> 
 
<div class="col-sm-8 col-sm-offset-4 col-md-offset-4" onclick="myFunction()"> 
 
<input type="submit" value="Register" 
 
class="btn btn-primary btn-flat w-min-120" 
 
data-toggle="modal" data-target="#myModal"/>               
 
</div> 
 
<input type="hidden" id="myInput" value="<c:out value='${random_number}'/>"> 
 
<script> 
 

 
//When the user clicks on div, open the popup 
 
function myFunction() { 
 
//var str = VerificationCode.RandomNumber(); 
 
alert("myInput"); 
 
} 
 
    </script> 
 
</div>