I have a page with some bootstrap cards. Information showing inside the card is retrieved from MySQL database.
What I need
I need these cards to be updated every 3 seconds without reloading the page. I know that Ajax is the way to do this (Update content without refreshing page). I am not familiar with Ajax. However, I tried as below
<script>
setInterval(
(function x() {
$.ajax({
type: "POST",
url: "vTagInfoCall.php",
processData: false,
contentType: false,
data: "",
success: function(result) {
$("#inputFieldDisplay").html(result);
}
});
return x;
})(), 3000); </script>Also I gave the following div with id inputFieldDisplay as below
<div class="container-fluid"><div id="inputFieldDisplay"></div></div>My Issue
When I redirect to the mentioned page vTagInfoCall.php with all my php codes and contents, it is not loading anything to the div with idinputFieldDisplay. Did anyone know what am I doing wrong here?
Edit 1
Following is my vTagInfoCall.php file contents
<?php ob_start();?><?php include "db.php"; ?><?php
$tagQuery = "SELECT * FROM vtagdetails WHERE status = 0";
$tagQueryExecute = mysqli_query($conn, $tagQuery);
$openItems = mysqli_num_rows($tagQueryExecute);
while($tagQueryRows = mysqli_fetch_array($tagQueryExecute)){
$srNumber = $tagQueryRows['srNumber'];
$Name = $tagQueryRows['Name'];
$Code = $tagQueryRows['Code'];
$customerName = $tagQueryRows['customers'];
$Type = $tagQueryRows['Type'];
session_start();
echo '<form method="post"> <div class="card cardBodyStyle"><div class="card-body"><div class="row"><input type="text" name= "srNum" value = "'.$srNumber.'" hidden><input type="text" name= "tpCode" value = "'.$Code.'" hidden><div class="col-sm"><i class="fab fa-500px"></i> '.$Name.'</div><div class="col-sm"><i class="fas fa-atom"></i> '.$Type.'</div><div class="col-sm"><i class="fas fa-globe fa-spin"></i> '.$customerName.'</div></div></div></div></form><br>';
}
if(isset($_POST['infoBtn'])){
$_SESSION['srNum'] = $_POST['srNum'];
$_SESSION['tpCode'] = $_POST['tpCode'];
header("location: summary.php");
}
?>Edit 2
It is showing the following error in console. Can someone help why is the error?
