بروزرسانی قسمتی از برگه وردپرس بدون نیاز به رفرش کل صفحه

[COLOR=var(--black-300) !important]
[COLOR=var(--theme-body-font-color, var(--black-600)) !important]
[COLOR=var(--theme-body-font-color, var(--black-600))]
[/COLOR]
[/COLOR]
[/COLOR]

سلام من یک برنامه نویس تازه کار هستم می خواهم بخشی از محتوای برگه وردپرس که یک کد کوتاه برگرفته از یک فایل php است بدون رفرش کردن کل صفحه به روز کنم. اما من نمی دونم چجوری از hook و action در فایل function.php تم چایلد هلو المنتور استفاده کنم و همچنین چجوریفایل ajax.js را با jquery و ajax بنویسم.

فایل php من که با استفاده ازافزونه کد کوتاه در برگه استفاده کردم

<?php
global $wpdb;
global $current_user; get_currentuserinfo();
$postname="$current_user->user_login";
$result=$wpdb->get_results("select Set_P_Ref from mainlogs where Srl_Pro='$postname'");
echo "<style>";
echo ".tt {
color:white;
font-weight: normal;
font-family: refled;
}";

echo "</style>";
echo "<body>";
echo "<div class=\"table\"><table>";
foreach($result as $row){
echo "<tr><td class=tt >" .$row->Set_P_Ref ."</td></tr>";
}

echo "</table></div>";

این برنامه کار میکنه اما به دلیل تغییر مداوم پارامتر خروجی من این مقدار بروزرسانی نمیشه مگر با رفرش کل صفحه

ممنون میشم کمکم کنید

[/COLOR]

[/COLOR]