How to update an HTML table content without refreshing the page? : <p>I have an HTML table that is fetching some data from the database and also a button for deleting selected records .</p>

<p>The table looks like that:</p>

<pre><code>name phone links
john 6562  link1
           link2
           link3
________________
jim 7682   link1
________________
... ...    ....
</code></pre>

<p>The code is something like that :</p>

<pre><code>&lt;form method="post" action="#"&gt;
 &lt;table&gt;                    
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;&lt;input type="checkbox"&gt;&lt;/th&gt;
      &lt;th scope="col"&gt;Name&lt;/th&gt;
      &lt;th scope="col"&gt;Phone&lt;/th&gt;
      &lt;th scope="col"&gt;Links&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;   
    &lt;?php
       echo "&lt;tr&gt;";
        echo  "&lt;th&gt;&lt;input type='checkbox'&gt;&lt;/th&gt;";
        echo "&lt;th&gt;".$row['name']."&lt;/th&gt;";
        echo "&lt;td&gt;".$row['phone']."&lt;/td&gt;";
        echo "&lt;td&gt;";
         echo '&lt;a  href=""&gt;&lt;/a&gt;&lt;br/&gt;';
        echo "&lt;/td&gt;";
       echo "&lt;/tr&gt;";
     ?&gt;
 &lt;/table&gt;
 &lt;input type="submit" value="Delete Selected" name="delete"/&gt;
&lt;/form&gt;
</code></pre>

<p>Now when I delete any record of the table and the database , I have to refresh the page to see that it's deleted .
What I want is when I click the delete button , The record is deleted and the table is updated with a successful message at the top of the page, Is that possible ?</p>
