form 表单发送请求后获取返回值

要获取form表单发送请求后的返回值，可以使用JavaScript来实现。

首先，需要给form表单添加submit事件监听器，当用户提交表单时，触发该事件。在该事件处理程序中，可以使用AJAX技术向服务器发送请求，并在请求成功后获取返回值。

以下是一个简单的示例代码：

HTML代码：

<form id="myForm">
    <input type="text" name="name" id="name" />
    <input type="submit" value="提交" />
</form>
<div id="result"></div>

JavaScript代码：

var form = document.getElementById('myForm');
var resultDiv = document.getElementById('result');

form.addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/submit-form'); // 向服务器发送POST请求
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    xhr.onload = function() {
        if (xhr.status === 200) {
            resultDiv.innerText = xhr.responseText; // 显示返回值
        } else {
            resultDiv.innerText = '请求失败';
        }
    };

    xhr.send(new FormData(form)); // 发送表单数据
});

在上述代码中，我们使用XMLHttpRequest对象来发送请求，并设置请求头和请求参数。当请求成功后，我们可以使用xhr.responseText属性获取返回的数据，并将其显示在页面上。

注意：在实际开发中，应该对请求的返回值进行适当的处理和验证，以确保应用程序的安全性和稳定性。