POSTデータに基づくリロードテーブル

Question

ユーザの入力に基づいて内容を変更するテーブルを作成しようとしています。テーブルには、データベースのデータが表示されます。現在の日付にデフォルト設定されているカレンダー日付から選択を開始します。 私はjQuery - Reload tableを見ました。 次に、gentable.phpというテーブルを生成するPHPスクリプトを作成しました。 私はイベントでボタンを使用してみてください：

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

everithingは（の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を使ってみましたが、成功した結果はありませんでした。助けてください。 ありがとうございました。 ダイアナ

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

次のことを試してみてください。

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

Answer 3

は、あなたの答えをいただき、ありがとうございます。何らかの理由で、私は$.ajaxを使用することはできませんでした。代わりに、私はロード・ファンクションに必要な値を次のように渡しました。

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

動作は私が望むものです。 :)