Covertir esto a AJAX sin recargar la página

[carlosuc99]

Buenas,

Tengo esto:

index.php

Código PHP:

$id = $_REQUEST['id'];
 
if($id != NULL){ 
    ?>
    <script>
    $(function() {
        $( "#edit" ).dialog({
            autoOpen: true,
            width: 425
        });
   }); 
    </script> 
    <?php
} else { 
    
    ?>
    <script>
    $(function() {
        $( "#edit" ).dialog({
            autoOpen: false,
            width: 425
        });
    }); 
    </script> 
 
$query=mysql_result(SELECT * FROM paises)
 
while ($row = mysql_fetch_assoc($query)) {
      echo $row['pais'];
      echo '<a href="./edit.php?id='.$row["id"].'">Edit</a>'; 
}
 
?>
<div id="editdialog" title="Edit">
<?php include('./archivo_que_edita.php'); ?> 
</div>
 

archivo_que_edita.php

Código PHP:

$id = $_REQUEST['id'];
 
if ($id != NULL) {
    
    header("Location: ./index.php?id=$id");
}
 

Esto es para que pueda editar la entrada que se muestra en la tabla dentro de un dialog JQuery.

El problema de esto es que necesito recargar la página, esta se recarga cuando pulso el botón Edit.

Cómo puedo hacer esto con AJAX sin recargar la página y obteniendo un resultado similar?