htmlのフォーム投稿から返されたmsgを取得する方法

Question

htmlを使用してフォームからサーバーから返されたmsgを取得しようとしています。例えば

：

<form method="post" action="http://localhost:8080/Test/ws/site/validateUser"> 
... 
</form> 

サーバプロセスとJSONにMSGを返します。しかし、msgはサーバーから返されません。

どのようにmsgを取得できますか？

Answer 1

使用しているフォームメソッドは、結果jsonメッセージを保持していないwebservice URLにページをリダイレクトします。

Webサービスを呼び出すと、同じページに応答メッセージを取得するには、次のjsのコードは、フォームと結果のデータを使用して、HTTPのWebサービスを呼び出します http://api.jquery.com/jquery.ajax/

のjQueryのAJAXを使用することができます値はMSG変数に格納され、あなたは、HTMLフォームが

となります JSON.parse

<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
<script type="text/javascript"> 
    $("#yourForm").on("submit", function(event) { 
     event.preventDefault(); 
     $.ajax({ 
      url: 'http://localhost:8080/Test/ws/site/validateUser', 
      method: 'POST', 
      data: $("#yourForm").serialize(), 
      success : function(msg) 
      { 
       alert(msg); 
       msg = JSON.parse(msg); 
       console.log(msg); 
      } 
     }); 
    }); 
</script> 

を使用してそれを解析することができます

<form id="yourForm"> 
.... 
</form>