title: Is it possible to load content of page without Refreshing the whole page
body: <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>