Recharger le tableau basé sur les données POST

Question

J'essaye de créer une table qui changerait son contenu basé sur l'entrée d'utilisateur. Le tableau affiche certaines données d'une base de données; il commence la sélection en commençant par une date de calendrier donnée par défaut à la date actuelle. J'ai regardé jQuery - Reload table. Ensuite, j'ai fait un script PHP qui génère la table, gentable.php. Lorsque je tente l'aide d'un bouton à l'événement:

$(document).ready(function(){ 
$("#maket").click(function(){ 
    $("#mytable").load("tablegen.php"); 
}); 
}); 

everithing va bien (le matable div est rempli de la table générée). Maintenant, je veux envoyer des données d'entrée au script PHP afin de générer la table en commençant par une date différente. Voilà ce que j'ai essayé:

$(document).ready(function() { 
    $('#myform').ajaxForm({ 
     target: '#mytable', 
success: function() { 
      $("#mytable").load("tablegen.php"); 
     } 
    }); 
}); 

Et ajouté dans le script PHP les lignes suivantes:

if (isset($_POST['textf'])){ 
    $value = $_POST['textf']; 
}else{ 
    $value = '2010/11/28'; 
} 

genTable($value); 

Unfortunatelly, cela ouvre une nouvelle page qui contient la table avec date de début non modifiée. Qu'est-ce que je fais de mal? J'ai aussi essayé d'utiliser .post mais je n'ai pas eu de bons résultats. S'il vous plaît aider. Merci beaucoup. Diana

Answer 1

http://api.jquery.com/jQuery.ajax/

$.ajax({ 
    type: "POST", 
    url: "tablegen.php", 
    data: "textf=whateveryouwant", 
    success: function(msg){ 
    alert("Data back: " + msg); 
    } 
}); 

Answer 2

Effectuez les actions suivantes:

$.ajax({ 
    type: 'POST', 
    url: 'gentable.php', 
    data: {textf: **INSERT_VALUE_HERE**}, 
    dataType: 'html', 
    success: function(data, txtStatus, xmlHttpReq){ 
    $('#mytable').html(data); 
    } 
}); 

Answer 3

Merci pour vos réponses. Pour une raison quelconque, je n'ai pas réussi à utiliser $.ajax. Au lieu de cela, je suis passé les valeurs que je avais besoin à la fonction de charge, comme ceci:

$(document).ready(function(){ 
$("#maket").click(function(){ 
    $("#mytable").load("gentabel.php", {textf: $('#textf').val()}); 
}); 
}); 

Le comportement est ce que je voulais. :)