Перезагрузить таблицу на основе данных POST

Question

Я пытаюсь создать таблицу, которая изменила бы свое содержимое на основе пользовательского ввода.В таблице отображаются некоторые данные из базы данных;выбор начинается, начиная с заданной календарной даты, по умолчанию текущей.Я посмотрел на jQuery - Перезагрузить таблицу .Затем я сделал PHP-скрипт, который генерирует таблицу gentable.php.Когда я пытаюсь использовать кнопку с событием:

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

все идет хорошо (div mytable заполняется сгенерированной таблицей).Теперь я хочу отправить некоторые входные данные в PHP-скрипт, чтобы сгенерировать таблицу, начиная с другой даты.Вот что я попробовал:

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

И добавил в скрипт PHP следующие строки:

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

genTable($value);

К сожалению, это открывает новую страницу, которая содержит таблицу с начальной датой без изменений,Что я делаю неправильно?Я также пытался использовать .post, но безуспешных результатов.Пожалуйста помоги.Большое спасибо.Diana

Answer 1

Попробуйте следующее:

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

Answer 2

Спасибо за ваши ответы. Мне почему-то не удалось использовать $.ajax. Вместо этого я передал нужные значения в функцию загрузки, например:

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

Поведение - это то, что я хотел. :)

Answer 3

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

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