Is it possible to load content of page without Refreshing the whole page
<p>Actually i want to refresh my content of a page without Refreshing the whole page through JavaScript or j Query ....... and i did my whole project into ( Php or javaScript) so i face such type of problem</p>

<p><strong>Note :</strong> i want to refresh my page content when user do some action
<a href="https://i.stack.imgur.com/crb6d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/crb6d.png" alt="here is the screenshot of the page i want to load these dynamic boxes without loading the whole page"></a></p>

<p>Here is my Code:</p>

<p>//On Button click, the below will be execute:</p>

<pre><code>  $('body').on('click', '#click', loadDoc); 
</code></pre>

<p>and the LoadDoc functio:</p>

<pre><code>   function loadDoc() { 

                                //alert('heruybvifr');
                var _this = $(this); 
                var order_id= $(this).parents('.modal').find('.order-id').text(); 

                $.get('myPHP.php',{order_id: order_id},function(){ 
             _this.hide();

                }) 
                }
</code></pre>

<p>Now myPHP.php :</p>

<pre><code>  &lt;?php
 include("connection.php");
 $limit = intval($_GET['order_id']);

echo $valuek;
    $query="UPDATE orders
SET status ='cooking'
 WHERE id = $limit";
if (mysqli_query($connection,$query)) {
echo "Record updated successfully";
} else {
echo "Error updating record: " . mysqli_error($connection);
 }


  ?&gt; 
</code></pre>