Обновите мой список контактов, когда я добавляю контакт с ajax

Question

Я добавляю контакт на сервере mysql с jquery ajax. Но когда я добавляю контакт, я должен обновить свою страницу до , чтобы увидеть добавленный контакт.

мой сценарий:

<script type="text/javascript"> 

$(document).ready(function() { 
$('#form_contact').on('submit', function() { 

    var nom_contact = $('#nom_contact').val(); 
    var prenom_contact = $('#prenom_contact').val(); 

    if(prenom_contact == '' || nom_contact == '') { 
     alert('Les champs doivent êtres remplis'); 
    } else { 
     $.ajax({ 
      url: $(this).attr('action'), 
      type: $(this).attr('method'), 
      data: $(this).serialize(), 
      dataType: 'json', 
      success: function(json) { 
       if(json.reponse == 'ok') { 
        alert('Tout est bon'); 
       } else { 
        alert(''+ json.reponse); 

       } 
      } 
     }); 
    } 
    return false; 
}); 
}); 
</script> 

моя форма (со списком контактов по форме):

<div class="tab-pane" id="contacts"> 
<h2 class="text-info">Contacts</h2> 
<form class="form-horizontal" id="form_contact" method="post" action="modif/add_contact.php" > 
     <label for="Nom">Nom</label> 
     <input type="hidden" name="id_user" value="<?php echo $_GET['modifier'] ?>"> 
     <input class="span5" type="text" name="nom_contact"> 

     <label for="Prenom">Prenom</label> 
     <input class="span5" type="text" name="prenom_contact"> 

     <label for="tel">Telephone</label> 
     <input class="span5" type="text" name="telephone_contact"> 

     <label for="desc">Description courte (qui est-ce?)</label> 
     <input class="span5" type="text" name="description_contact"> 

     <input type="submit" name="contact" class="btn btn-primary pull-right" value="Valider" /> 


</form> 
<div id="div_contact"> 
     <table class="table table-striped"> 
     <thead> 
     <tr> 
      <th>Nom</th> 
      <th>Prénom</th> 
      <th>Description</th> 
      <th>Télephone</th> 

     </tr> 
     </thead> 
    <tbody> 

    <?php 
    $result = mysql_query("SELECT * FROM Contact WHERE id_user = ".$_GET['modifier'].""); 

    while ($row = mysql_fetch_array($result, MYSQL_BOTH)) { 
     printf (" 
       <tr> 
        <td>".$row["nom_contact"]."</td> 
        <td>".$row["prenom_contact"]."</td> 
        <td>".$row["description_contact"]."</td> 
        <td>".$row["telephone_contact"]."</td> 
        <td><a href='utilisateur.php?modifier=".$_GET['modifier']."&supprimer_contact=".$row[0]."' onclick='return(confirm(\"Etes-vous sûr de vouloir supprimer cette entrée?\"));'>Supprimer</a></td> 


       </tr> 
       "); 
    } 

    mysql_free_result($result); 
    ?> 

     </tbody> 

    </table> 

Кто-то может мне помочь, пожалуйста?

Answer 1

Я ничего не вижу в части успеха ajax вашего кода, где вы фактически добавляете контакт в свой список. Блок кода PHP, который запрашивает вашу таблицу контактов, будет оцениваться только при загрузке страницы, поэтому он появляется при обновлении страницы, но не после отправки формы на основе ajax.