我有一个简单的表单,可以将数据插入到mysql数据库中,并显示数据库中的数据,包括刚刚在表中使用ajax发布的数据。 目前整个表在提交表单后会刷新,但我试图计算如何向表中添加一行显示刚刚提交的数据的结果。任何人都可以解释我是如何实现这一目标的吗?
表格
<div class="form-group">
<form class="" action="" id="post_data" method="post">
<label>
Post Data
</label>
<input id="input" name="input" type="text" class="form-control input-md">
</div>
<button type="submit" class="btn pull-right btn-primary" id="submit">
Save
</button>
</form>
<div class="display" id="display"></div>
</div>
<script>
$(document).ready(function() {
$('#post_data').submit(function() {
$.ajax({
url: 'process.php',
type: 'POST',
dataType: 'html',
data: $(this).serialize(),
success: function(newContent) {
$('#display').html(newContent);
}
});
return false;
});
});
</script>
Process.php
$stmt = $db_conx->prepare('INSERT INTO ajax_test (input) VALUES (?)');
$stmt->bind_param('s', $input);
$stmt->execute();
$sql = "SELECT input FROM ajax_test";
$result = mysqli_query($mysqli, $sql);
while ($row = $result->fetch_assoc()) {
echo "<tr>";
echo "<td>" . $id . "</td>";
echo "<td>" . $row["input"] . "</td>";
echo "</tr>";
}
}
mysqli_close($mysqli);
答案 0 :(得分:1)
使用append()代替html();
$('#display').append(newContent);
或者如果您想在表格顶部添加新内容
$('#display').prepend(newContent);