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');                                                  
}

将空记录添加到mysql的{Javascript代码

1 个答案: