如何從html中的表單郵件中返回msg

Question

我試圖從使用html的表單中的服務器返回msg。

例如：

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

服務器進程和JSON返回味精。但我沒有從服務器返回msg。

我怎樣才能得到味精？

Answer 1

您正在使用的表單方法將導致將頁面重定向到webservice URL而不迴應結果json消息。

調用Web服務，並在同一個頁面得到的迴應消息，您可以使用jQuery AJAX http://api.jquery.com/jquery.ajax/

下面的js代碼調用的HTTP web服務，在形式和結果使用數據值將被存儲在味精變量，你可以使用 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> 

解析它的HTML表單將

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