Fatal编程技术网
  • javascript/
  • Javascript 使用Ajax显示表单数据；返回[object FormData]

Javascript 使用Ajax显示表单数据；返回[object FormData]

javascript ajax django

Javascript 使用Ajax显示表单数据；返回[object FormData],javascript,ajax,django,xmlhttprequest,Javascript,Ajax,Django,Xmlhttprequest,我正在开发一个更大的Django应用程序，但制作此页面是为了测试一些功能： <!DOCTYPE html> <html> <head> <script type="text/javascript"> function myFunc() { var xmlhttp = new XMLHttpRequest(); var data = document.getElementById

我正在开发一个更大的Django应用程序，但制作此页面是为了测试一些功能：

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
        function myFunc() {
            var xmlhttp = new XMLHttpRequest();
            var data = document.getElementById("test");
            var fd = new FormData(data);

            xmlhttp.open("POST", "http://127.0.0.1:8000/test/", true);
            xmlhttp.send(fd);

            document.getElementById("text").innerHTML= fd;
        }   
    </script>
</head>
<body>
    <br><br>
    <form>
        <input type="text" id="test">
        <input type="button" onclick="myFunc()" value="Submit">
    </form>
    <p id="text">Submitted text goes here.<p>
</body>
</html>


函数myFunc（）{
var xmlhttp=new XMLHttpRequest（）；
var数据=document.getElementById（“测试”）；
var fd=新表单数据（数据）；
open（“POST”http://127.0.0.1:8000/test/“，对）；
发送（fd）；
document.getElementById（“text”）.innerHTML=fd；
}   




此处显示提交的文本。
我希望表格中的任何文本都显示在下面。点击提交按钮后，a）我在控制台上得到一个HTTP 403，b）文本被替换为
[object FormData]
。我在
document.getElementById（“text”）.innerHTML=fd（例如…=fd.value；）但它不起作用。有什么想法吗