使用JavaScript的FormData对象提交的数据返回整个html

Question

我正在使用JavaScript的FormData对象从表单提交数据。 基本上，我有以下代码：

HTML

<form action='test.php' id='test' method='post'>
    <input type='text' name = 'text' />
    <input type='submit' />
</form>

我正在使用AJAX提交此表单。 这是代码：

JavaScript的

var form = document.getElementById('test');
form.addEventListener('submit',function(e) {
    e.preventDefault();
    var xhr = new XMLHttpRequest,
    fd = new FormData(form);
    xhr.open('post','test.php',true);
    xhr.onload = function(oEvent) {
        if (xhr.status == 200) {
              alert(xhr.responseText);
            } else {
              alert("Error " + xhr.status);
            }
    };
    xhr.send(fd);
});

这是接收请求的test.php文件： PHP

if(isset($_POST['text'])) {
    echo $_POST['text'];
} else {
    echo "Nothing Received";
}

PHP脚本收到发布的表单。 问题是，PHP脚本发送的响应文本是我页面的整个原始html标记。 我的问题是如何只读取名为text的输入字段的值，以便上面的echo $_POST['text']行仅返回该值？

Answer 1

打印文本后退出。

...
echo $_POST['text'];
exit;
...