0

ブラウザを更新せずに、HTML ボタンを使用して AJAX を使用してデータベースから情報を取得したいと考えています。

以下のコードを使用して HTML 経由で動作させることはできますが、Ajax 経由で実行したいと考えています。

同じファイル example.html に次のコードがあります。

<form action="?" method="get">
    <input id="Button1" type="hidden" name="q" value="%U/%Y"/>
    <input id="Button1" style="width: auto" type="button" value="Weekly stats">
</form>

<form action="?" method="get">
    <input id="Button2" type="hidden" name="q" value="%M/%Y"/>
    <input id="Button2" style="width: auto" type="submit" value="Monthly Stats">
</form>

<br>

<?php 

//execute a mysql query to retrieve all the users from users table
//if  query  fails stop further execution and show mysql error
if ($_GET['q'] == '') {
    $q = '%M/%Y';
}
else {
    $q = $_GET['q'] ;
}  
$query=mysql_query("SELECT DATE_FORMAT((post_date), '".$q."') 'Date',
                    SUM(balance) 'Balance'
FROM posts
GROUP BY Date
LIMIT 0, 25") or die(mysql_error());

//if we get any results we show them in table data
if(mysql_num_rows($query)>0):

?>

<table id="lastTips" class="main" cellspacing="0" width= "100%">
  <thead>
  <tr>
    <th align="center">Date</th>
    <th align="center">Balance</th>
  </tr>
  </thead>
  <tbody>
  <?php 
  //while we going through each row we display info
  while($row=mysql_fetch_object($query)):?>
  <tr>
    <td align="center"><?php echo $row->Date;?></td>
    <td align="center"><?php echo $row->Balance;?></td>
  </tr>
  <?php endwhile;?>
  </tbody>
</table>
<?php 
//if we can't get results we show information
else: ?>
<h3>No Results found.</h3>
<?php endif; ?>

いくつかのjquery関数を試してみましたが成功しませんでした。別のファイルを呼び出す例を見てきましたが、私の場合は同じファイルに上記のコードを含める必要があります。

誰かが私を助けることができますか？

ありがとう

4

2 に答える 2

0

jQuery にはAjaxFormプラグインを使用する必要があります。

$('.my-ajax-form').ajaxForm(function(data){
    alert(data);
    // do some thing with data here.
})
于 2013-06-14T13:13:52.617 に答える