使用 jQuery $.ajax PHP/MySQL 插入后添加表行答案

【问题标题】：Adding a table row after insert with jQuery $.ajax PHP/MySQL使用 jQuery $.ajax PHP/MySQL 插入后添加表行
【发布时间】：2013-06-15 03:38:10
【问题描述】：

在使用 PHP/MySQL 插入后，我需要帮助来添加表格行。我不知道还能做什么。仅供参考，我可以使用 $.ajax 插入，并且我的选择工作正常。我需要有关如何将此信息检索到表格行的帮助。

agenda.php

<form class="form-inline" id="form-agenda">
    <input type="text" name="data" class="input-big datepicker" placeholder="Data">
    <input type="text" name="local" class="input-big" placeholder="Local">
    <input type="text" name="cidade" class="input-big" placeholder="Cidade">
    <button type="submit" name="submit" class="btn btn-primary">Gravar</button>
</form>
<table class="table table-hover">
    <thead>
        <tr>
            <th>Data</th>
            <th>Local</th>
            <th>Cidade</th>
        </tr>
    </thead>
    <tbody id="teste">
        <?php   
            $agendaDAO = new AgendaDAO();
            foreach($agendaDAO->select() as $row){
                echo '<tr>'.
                        '<td>'.$row['data'].'</td>'.
                        '<td>'.utf8_encode($row['local']).'</td>'.
                        '<td>'.$row['cidade'].'</td>'.
                        '<td><i class=icon-edit></i> <i class=icon-remove></td>'.
                      '</tr>';

            }
        ?>                  
    </tbody>
</table>

agenda.js

$('#form-agenda').submit(function(){
    var fields = $(this).serialize();

    $.ajax({
        url: 'ajax-agenda.php',
        type: 'POST',
        data: fields,
        dataType: 'text',
        beforeSend: function(){
            $('#loading-indicator').css({display: 'block'});
        },
        complete: function(){
            $('#loading-indicator').css({display: 'none'});
        },
        success: function(data) {
            $('#teste').prepend(data);
            $('#teste tr:first').slideDown('slow');

        }
    });
    $(this).trigger('reset');   
    return false;
});

ajax-agenda.php

<?php

    include('util/config.php');

    $data = $_POST['data_submit'];
    $local = utf8_decode($_POST['local']);
    $cidade = utf8_decode($_POST['cidade']);

    $agenda = new Agenda($data, $local, $cidade); 

    $agendaDAO = new AgendaDAO();
    $agendaDAO->add($agenda);



    foreach($agendaDAO->select("SELECT * FROM agenda ORDER BY id DESC LIMIT 1") as $rowA){
        echo '<tr><td>'.$rowA['data'].'</td><td>'.utf8_encode($rowA['local']).'</td><td>'.$rowA['cidade'].'</td><td><i class=icon-edit></i> <i class=icon-remove></td></tr>';
    }

?>

【问题讨论】：

标签： php mysql jquery

【解决方案1】：

尝试将dataType: 'text' 更改为dataType: 'html'。

【讨论】：

嗨，戴夫，我已经这样做了，但没有任何反应。其他建议？
有人有小费吗？