[英]Reload a div on AJAX success
我有一个具有PHP代码的div(它从数据库中打印数据)。 我做了一个AJAX函数,将数据发送到服务器而不刷新页面,这是代码:
var url = "loadsave.php";
$('.create_save').submit(function(event) {
if ($('.gss_new_save').val()==""){
event.preventDefault();
} else {
$.ajax({
type: "POST",
url: url,
data: $('form').serialize(),
success: function()
{
}
});
event.preventDefault();
}
});
这是打印代码的另一部分。 问题是它仅在刷新页面时才打印代码:
<?php
$connect = new PDO('mysql:host=localhost;dbname=game','root','');
$cmd = $connect->query('SELECT * FROM saves');
$result = $cmd -> fetchAll(PDO::FETCH_ASSOC);
foreach ($result as $res) {
?>
<div class="gss_save cls">
<span class="gss_save_text cls"><?php echo $res['name'];?></span>
<span class="gss_level">lvl: <?php echo $res['level'];?></span>
</div>
<?php
}
?>
编辑:我添加:形式:
<form method="post" action="loadsave.php" class="create_save">
<input type="text" class="gss_new_save" name="name">
<input type="submit" style="display:none">
</form>
以及loadsave.php的内容:
<?php
if (isset($_POST['name'])) {
$nombre = $_POST['name'];
}
$connect = new PDO('mysql:host=localhost;dbname=game','root','');
$stm = $connect->query("SELECT * FROM saves WHERE `name` ='$nombre'");
$result = $stm->fetchAll(PDO::FETCH_ASSOC);
if(count($result)==0){
$cmd = $connect->prepare('INSERT INTO saves (name, level) VALUES (:nombre,"1")');
$cmd -> bindParam(":nombre",$nombre);
$cmd -> execute();
}
?>
它的工作原理就像一个超级按钮,但是我想刷新div来打印刚刚发送的内容,如何实现呢?
假设脚本回显了新内容:
success:function(response) {
$("#divID").html(response);
}
loadsave.php
应该是:
<?php
if (isset($_POST['name'])) {
$nombre = $_POST['name'];
}
$connect = new PDO('mysql:host=localhost;dbname=game','root','');
$stm = $connect->query("SELECT * FROM saves WHERE `name` ='$nombre'");
$result = $stm->fetchAll(PDO::FETCH_ASSOC);
if(count($result)==0){
$cmd = $connect->prepare('INSERT INTO saves (name, level) VALUES (:nombre,"1")');
$cmd -> bindParam(":nombre",$nombre);
$cmd -> execute();
}
$cmd = $connect->query('SELECT * FROM saves');
$result = $cmd -> fetchAll(PDO::FETCH_ASSOC);
foreach ($result as $res) {
?>
<div class="gss_save cls">
<span class="gss_save_text cls"><?php echo $res['name'];?></span>
<span class="gss_level">lvl: <?php echo $res['level'];?></span>
</div>
<?php
}
?>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.