我正在尝试学习Ajax。我正在通过php从HTML表单向mysql数据库插入一些数据。效果很好。但是我的Ajax部分无法正常工作。我收到成功消息，但数据没有进入我的php文件。我的html和js代码：
<!DOCTYPE html>
<html>
<head>
<title>Insertion of data with Ajax</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script>
</head>
<body>
<form id="myForm" method="POST" action="ajax-save.php">
Title: <input type="text" name="title" id="title"><br /><br />
Description: <textarea name="description" id="description" rows="20" cols="40"></textarea><br /><br />
Url: <input type="text" name="url" id="url"><br /><br />
<input type="submit" id="submit" name="submit" value="submit">
</form>
<script>
$(document).ready(function(){
$("#submit").click(function(){
$.ajax({
url: 'ajax-save.php',
async: true,
cache: false,
data: $('#myForm').serialize() ,
type: 'POST',
success: function(){
alert("success");
clearForm();
}
});
return false;
});
});
</script>
</body>
</html>
我的PHP代码正常运行。我已经测试了没有ajax。这是我的PHP代码。
$conn = mysql_connect('localhost', 'root', '');
$db = mysql_select_db('hospital');
if (isset($_POST['title'])) { $title = $_POST['title'];}
if (isset($_POST['description'])) { $description = $_POST['description'];}
if (isset($_POST['url'])) { $url = $_POST['url'];}
if(isset($_POST['submit'])){
if(mysql_query("insert into `wp_upload_video` (`id`, `title`, `description`, `url`) values (NULL, '$title', '$description', '$url')"))
echo "Successfully Inserted";
else
echo "Insertion Failed";
}
请让我知道我的错在哪里。
当您单击submit按钮通过Ajax提交...时，该条件始终为true。
检查是否$_POST['submit']在PHP设置将总是导致真正的，因为如果它是不是真正的阿贾克斯从来没有得到处理。
所以...在PHP中删除if提交条件，并在ajax调用中处理错误通知。
另外，正如@NiettheDarkAbsol在评论中指出的，最好也添加e.preventDefault()到jquery中，以停止提交表单的提交按钮，就像平常一样，并允许jquery处理提交（通过ajax）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句