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

时间:2013-02-01 18:01:24

标签: javascript ajax django xmlhttprequest

我正在开发一个更大的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>

我希望下面显示表单中放置的任何文本。点击提交按钮后a)我在控制台上获得HTTP 403,b)文本被[object FormData]替换。我在document.getElementById("text").innerHTML= fd;上尝试了一些变体(例如...... = fd.value;),但它不起作用。有什么想法吗?

0 个答案:

没有答案