使用 JavaScript 的 FormData 对象提交的数据 returns 整个 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 的输入字段的值，所以 returns 上方的 echo $_POST['text'] 行就是那个值？

Answer 1

打印文本后退出即可。

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

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

data submitted using JavaScript's FormData object returns entire html

javascript

php

ajax

jquery

form-data