我正在尝试构建一个简单的 AJAX POST。它由用户名和密码组成。用户提交数据后，我的 html 中的用户名元素仍然未定义。可能是什么问题呢。这是我的代码。
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#form").bind('click', function (event) {
alert(username = $("#username").val())
event.preventDefault();
$.post("/main3/",
username = $("#username").val(),
function (data) {
alert(data);
$('#content').html(data)
})
return false;
});
});
</script>
</head>
<body>
<form id="form">Name
<input type="text" name="username" />
</br>Age
<input type="text" name="age" />
</br>
<input type="submit" />
</form>
<div id="content"></div>
</body>
我已经包含了整个页面以供引用。我的服务器是Django。
最佳答案
您的代码中没有 ID 为 username 的元素。您有一个 NAME 为 username 的输入元素。名称与 ID 不同。
<input type="text" id="name" name="name" />
^^^^^^^^^^--missing
关于javascript - 未定义元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15056637/