我正试图通过AJAX发布表单数据 .
当我删除AJAX函数并执行标准表单POST方法时，数据正在被插入到数据库中 . 当我提交表单的序列化数据时显示正常 .
当AJAX函数被触发时，数据似乎消失了 . 该函数触发成功，但没有插入数据，并且formdata变量看似空 . 任何人都可以对此发光吗？
这是迄今为止的代码 -
jQuery/AJAX -
$('#calendar-form').submit(function() {
var formdata = $(this).serialize();
console.log(formdata);
$.ajax({
url: "insert.php",
type: "POST",
data: formdata,
success: function() {
alert('success')
},
error: function() {
alert('ERROR');
}
});
return false;
});
HTML
<form id="calendar-form" action="" method="" accept-charset="utf-8">
<input type="text" name="name" id="name">
<input type="text" name="email" id="email">
<input type="hidden" name="site" id="site" value="<? echo $_SERVER['HTTP_HOST'] ?>">
<input class="submit" type="submit" name="submit" value="Submit">
</form>
PHP
try {
$bd = new PDO("mysql:host=localhost;dbname=;charset=utf8", "", "");
// $bd->setAttribute(PDO::ATT_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
echo 'Theres been an error while attempting to connect to the database';
}
if(isset($_POST['submit'])){
$name = $_POST['name'];
$email = $_POST['email'];
$site = $_POST['site'];
$sql = "INSERT INTO `users`(`name`, `email`, `site`) VALUES ('$name', '$email', '$site')";
try {
$query = $bd->prepare($sql);
$query->bindValue(':name', $name, PDO::PARAM_STR);
$query->bindValue(':email', $email, PDO::PARAM_STR);
$query->bindValue(':site', $site, PDO::PARAM_STR);
if($query->execute()){
echo "Success";
}else{
echo "Failure";
}
} catch (Exception $e) {
echo $e->getMessage();
}
}
注意：我已删除此帖子的数据库详细信息，但它们已存在于代码中 .
Console
name = Benji＆email = email％40email.com＆site = localhost％3A8888 - scripts.min.js：9：117
Network
1 回答
这是因为jQuery的
.serialize()does not include the submit button：检查控制台输出
console.log(formdata)的输出 - 你会看到缺少submit. 由于它缺失，你在后端对该值进行的测试将失败：具体如何解决这个问题取决于你想要做什么 . 如果您只想确保请求是POST（而不是GET），您可以使用：
如果要进行基本验证，可以显式检查每个预期值是否存在：