Question

我没有找到解决问题的方法，因此我需要一些帮助。我有一个通过Ajax向我的数据库提交数据的表单，但是由于某种原因，textarea中的数据没有发送到数据库。这是我的代码：

HTML

<form method="POST" id="update_home">
    <div class="form-group">
        <!-- CKEditor Container -->
        <textarea name="detail" id="js-ckeditor"> <?php print $getDetails->details; ?></textarea>
        <input type="hidden" value="<?php print $getDetails->hid; ?>" name="hid">
    </div>
    <div class="col-sm-6 col-xl-4">
        <button type="submit" class="btn btn-success" id="submit" name="submit">Update Data</button>
        <div class="mt-2">
            <div class="loading"></div>
            <div class="message"></div>
        </div>
    </div>
</form>

JQUERY / JAVASCRIPT

$('#submit').click(function() {
    //show the loader
    $('.loading').html(loader).fadeIn();
    var detail = $('#js-ckeditor').val();
    var hid = $('input[name=hid]').val();
    //organize the data properly
    var form_data =
        'detail=' + detail +
        '&hid=' + hid;
    //disabled all the text fields
    $('.text').attr('disabled', 'true');
});

PHP

$details = $db - > real_escape_string($_POST['detail']);
$db->query("UPDATE home SET details = '$details' WHERE hid = ".$_POST['hid']."");

if ($db->error) {
    echo $db - > error;
} else {
    echo '1';
}

Answer 1

正如@DevisOdedra所建议的那样，我已编辑此行以使用CKEDITOR内置实例处理程序从中捕获数据；

var detail = $('#js-ckeditor').val();

收件人

var detail = CKEDITOR.instances['js-ckeditor'].getData();

jQuery textarea不提交数据

1 个答案: