如何从html中的表单帖子返回一个msg

时间:2016-09-12 17:41:46

标签: javascript html json html5 web-services

我正在尝试使用html从表单中获取从服务器返回的msg。

例如:

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

服务器进程并在JSON中返回一个msg。但是我没有从服务器返回msg。

我如何获得消息?

1 个答案:

答案 0 :(得分:0)

您正在使用的表单方法将导致将页面重定向到Web服务URL而不是返回结果json消息。

调用webservice并在同一页面中获取响应消息,您可以使用JQuery ajax http://api.jquery.com/jquery.ajax/

以下js代码将使用表单中的数据调用HTTP Web服务,结果值将存储在msg变量中,您可以使用它来解析它 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>