私はより大きな 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;) が、うまくいきません。何かご意見は?