遵循教程..
我能够将数据插入到我的数据库中。(事实上,它正确输入一行,然后另一行空白,因为我现在添加了这个检索代码。
我不能够检索信息并显示它。
table = testTable 我有2排。 " ID" &安培; "名称"
我在第1行的控制台中看到以下错误(为空):
(未知)事件处理程序出错:TypeError:无法读取属性' state'为null 在CSRecorder.onQueryStateCompleted(chrome-extension://cplklnmnlbnpmjogncfgfijoopmnlemp/content_scripts/recorder.js:106:18)
html部分
<body>
<div id = "display_area"></div>
<form action="db.php" id ="frmBox" method="post" onsubmit= "return formSubmit();">
<p>Input 1: <input type ="text" name ="name"/></p>
<input type = "submit" name ="submit" value = "Submit"/>
</form>
<p id ="success"></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type ="text/javascript">
function formSubmit(){
$.ajax({
type:"POST",
url: "db.php",
data: $('#frmBox').serialize(),
success: function(response){
$('#success').html(response);
displayFromDatabase();
}
});
var form = document.getElementById('frmBox').reset();
return false;
}
这是我为检索数据而添加的代码
function displayFromDatabase(){
$.ajax({
type:"POST",
url: "db.php",
data: {
"display" :1
},
success: function(d){
$("#display_area").html(d);
}
});
}
</script>
</body>
我的db.php文件在
下面 if(!$link){
die("Could not connect:".mysqli_connect_error());
}
else{
$name = test_input($_POST['name']);
$sql ="INSERT INTO testTable(name)VALUES('$name')";
if(mysqli_query($link,$sql))
{
echo "One Record inserted to database!";
}
else{
echo "Fail to insert";
}
mysqli_close($link);
}
function test_input($data){
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
这是我为检索数据而添加的代码
if(isset($_POST['display'])){
mysqli_query("SELECT * FROM testTable");
while($row = mysqli_fetch_array($result)){
?>
<div id ="comment_box">
<p><?php echo $row['name']; ?></p>
</div>
<?php
}
exit();
}