向mysql添加空记录的Javascript代码

Question

我有一个小问题。 这是我的表单布局：

    <form class="form-inline" action="javascript:addRecord();" method="GET">
    <div class="row">
        <div class="form-group col-lg-4">
            <div class="form-group col-lg-6">
                <label for="konu">Konu:</label> 
                <input class="form-control " type="text" name="konu" required="required" placeholder="Bir konu yazın"/>
            </div>                                                                          
        </div>                                                        
    </div>  
    <br>                          
    <div class="form-group col-lg-5 ">
        <button type="submit" class="btn btn-default">Kaydet</button>  
    </div>                            
</form>

    <div id="add-record-div" class="alert alert-success" hidden="hidden">
         <strong>RECORD INSERTED</strong>    
    </div>

还有我的 javascript 代码：

function addRecord() 
{                   
    $.post('add.php', function(data) 
    {    
        trHTML += 
        '<tr><td>' + value.id + 
        '</td><td>' + value.konu + 
        '</td><td>' + value.aciklama + 
        '</td><td>' + value.giris_tarih + 
        '</td><td>' + value.degistirilme_tarih + 
        '</td><td>' + value.ad_soyad + 
        '</td><td>' + value.email + 
        '</td></tr>';     
    });

    getLastRecord();       
    $('#add-record-div').show('slow').delay('1000'); 
    $('#add-record-div').hide('slow');                                                  
}

数据库插入看起来像这样：http://i.stack.imgur.com/fDiiC.jpg 我的问题是这个函数只向 mysql 添加空行。 'giris_tarih' 和 'degistirilme_tarih' 是日期值。这些已正确添加，但其他列始终为空。 add.php 页面没有问题。如果我只写：form class="form-inline"action="add.php" 它工作得很好。但我无法让它与 javascript 函数一起使用。

Answer 1

您的标记和脚本中的操作不匹配，并且您的数据指向的值不是从您的add.php 返回的对象的一部分（您将 ajax 响应设置为变量data，因此您必须使用data.propName...)。我还更正了您的表格格式，并像您的模块的其余部分一样使用了 jQuery。

function addRecord() 
{                   
    $.get('add.php', function(data) 
    {    


        $('#your-table').append('<tr>' + data.id + '</td>'
        + '<td>' + data.konu + '</td>'
        + '<td>' + data.aciklama + '</td>'
        + '<td>' + data.giris_tarih + '</td>'
        + '<td>' + data.degistirilme_tarih + '</td>'
        + '<td>' + data.ad_soyad +  '</td>'
        + '<td>' + data.email + '</td>'
        + '</tr>');

    getLastRecord();       
    $('#add-record-div').show('slow').delay('1000'); 
    $('#add-record-div').hide('slow');                                                  
}