Get Notifications Number - php

Question

I have a separate PHP file containing a valid mysql query returning # of Rows representing my criteria (No. of active Notifications), and I have a JQUERY code to display notifications counter, but I only can use it statically with .text('5') for example. I want to be able to link the PHP MYSQL query result to the JQUERY output on browser.
notfcounter.php:
<?php
function getNotCount() {
require_once $_SERVER['DOCUMENT_ROOT'] . 'info.php';
$conn = new mysqli($hn,$user,$pass,$db) or die("Unable to connect");
$count = $_POST['action'];
$sqlquery = "SELECT did FROM users WHERE users.uid=".$_SESSION['id'];
$result = $dbc->query($sqlquery);
while ($row = $result->fetch_assoc()) {
$rows = $row['did'];
}
$countquery = "SELECT noname, noaction FROM notfs WHERE notfs.did=".$rows." AND notfstatus = 0";
$result2 = $dbc->query($countquery);
if (mysqli_num_rows($result2)!=0)
{
$count = mysqli_num_rows($result2);
echo ''.$count.'';
}
else
{
$count = 0;
echo ''.$count.'';
}
echo $count;
}
?>
JQUERY external file:
$(document).ready(function () {
// ANIMATEDLY DISPLAY THE NOTF COUNTER.
$('#notfs_Counter')
.css({ opacity: 0 })
//.text('5') this is what I use to display a counter statically
$.ajax({
type: 'post',
url: 'notfcounter.php',
data: {action: 'getNotCount'},
success: function(data) {
alert(data);
}
})
.css({ top: '0px' })
.animate({ top: '0px', opacity: 1 }, 500);
});

Answer 1

after researching more about AJAX, I got to understand it better and knew where I was wrong.
I had to adjust my code to reposition the $(selector). commands inside the AJAX success function call to properly display my data. Also, I didn't need a function on my PHP code, I removed the function and echo'd the needed variable for display $count, and modified AJAX action to count, code is below:
AJAX & JQUERY:
$.ajax({
type: 'post',
url: 'notfscounter.php',
data: {action: 'count'},
success: function(data) {
//alert(data)
$('#notfs_Counter').css({opacity: 0})
$('#notfs_Counter').text(data)
$('#notfs_Counter').css({ top: '0px'})
$('#notfs_Counter').animate({ top: '0px', opacity: 1 }, 500);
}
});
PHP:
<?php
require_once $_SERVER['DOCUMENT_ROOT'] . 'info.php';
$conn = new mysqli($hn,$user,$pass,$db) or die("Unable to connect");
$sqlquery = "SELECT did FROM users WHERE users.uid=".$_SESSION['id'];
$result = $dbc->query($sqlquery);
while ($row = $result->fetch_assoc()) {
$rows = $row['did'];
}
$countquery = "SELECT noname, noaction FROM notfs WHERE notfs.did=".$rows." AND notfstatus = 0";
$result2 = $dbc->query($countquery);
if (mysqli_num_rows($result2)!=0)
{
$count = mysqli_num_rows($result2);
echo ''.$count.'';
}
else
{
$count = 0;
echo ''.$count.'';
}
echo $count;
?>
special thanks to #ADyson for his encouraging & helpful guide.