jquery ajax 数据库不会更新
jquery ajax database won't update
这是我在Stackoverflow上的第一篇文章!
所以我正在尝试通过Jquery的$.ajax函数执行"插入"查询。查看 chrome 开发工具上的网络选项卡,它似乎正在加载我的文件但没有更新数据库。
没有任何 ajax,这段代码可以正常工作:
<form id="alForm" name="alForm" method="POST" action="add.php">
但是,这会将我带到空白的 php 页面。我不想这样。
让我分享我的代码!
这是 PHP:
<?php
error_reporting(E_ALL);
$user = 'root';
$pass = '';
try {
$db = new PDO('mysql:host=localhost;dbname=utility_portal', $user, $pass);
if (isset($_POST['save'])) {
$t = $db->prepare("INSERT INTO `u_links` (`title`, `link`) VALUES (?, ?)");
$t->execute(array($_POST['title'], $_POST['link']));
}
} catch(PDOException $e) {
echo "Error!: " . $e->getMessage() . "<br />" ;
die();
}
?>
这是Jquery:
$('#alForm').on('submit', function(event) {
$.ajax({
url : "add.php",
type : "POST",
data: $('#alForm').serialize(),
success: function(data) {
alert('submitted ' + data);
}
});
event.preventDefault();
});
和 HTML:
<form id="alForm" name="alForm">
<label>Title</label>
<input type="text" name="title" placeholder="Title"/>
<label>Link</label>
<input type="text" name="link" placeholder="Link"/>
<input type="submit" name="save" id="save" class="btn btn-primary" value="Save" />
</form>
对我来说,一切看起来都很好。我错过了什么吗?感谢您的帮助。
我认为您的问题是"序列化"部分。如果删除该行,则代码应该可以工作。您还可以使用快捷方式代码: $.post("add.php",
success: function(data) {
alert('submitted ' + data);
}
相关文章:
- 通过CSV文件上载更新数据库表
- 可以't更新数据库中的对象
- 通过javascript确认AJAX更新数据库
- 用jsp更新数据库
- 通过Ajax PHP从Javascript onClick更新数据库
- 根据多个输入值更新数据库
- 使用javascript更新数据库
- 使用jquery ajax更新数据库;不起作用
- 如何在zend中选择更改html后更新数据库
- 编辑以前保存的文档也会更新数据库中的文档
- 按钮单击“更新数据库”
- 在文本区域的Change上进行AJAX调用以更新数据库
- javascript倒计时并更新数据库php
- 如何更新数据库中新数据的视图
- 需要 Ajax 函数 - 在不刷新页面的情况下更新数据库
- JSP - 在更新数据库之前,需要使用用户给定的值检查数据库中的值
- 倒计时秒数,更新数据库并循环倒计时
- 在不超出页面的情况下更新数据库
- 如何通过单击Rubyonrails视图中的按钮来更新数据库中的多个表
- 使用 ajax 函数触发的 php 更新数据库