Textarea Post通过了,但是表单内没有数据

Textarea Post Passed, but not data within form

本文关键字:数据 表单 Post 通过了 Textarea      更新时间:2023-09-26

我有一个表单,我试图通过更新一个页面。我的名字和头衔通过;但是,我的textarea没有。我用来传递数据的代码

<script>
  $(function () {
    $('#updater').on('click', function (e) {
      e.preventDefault();
      $.ajax({
        type: 'post',
        url: 'calls.php',
        data: $('#updatepage').serialize(),
        success: function (data) {
            alert(data);
        location.reload();
        }
      });
    });
  });
</script>

实际的形式是

 <form id="updatepage">
                  <input id="process" name="process" value="updatepage" type="hidden">
                  <input id="id" name="id" value="<?php echo $_GET['id']; ?>" type="hidden">
                  <table><tr><td>Name</td><td>Title</td></tr>
                  <tr><td><input type='text' name='name' id='name' value='<?php echo $admin->PageName(); ?>'></td>
                  <td><input type="text" name="title" id="title" value = "<?php echo $admin->PageTitle(); ?>"></td>
                  </tr>
                  </table>
                  <!-- tools box -->
                  <div class="pull-right box-tools">
                    <button class="btn btn-info btn-sm" data-widget='collapse' data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
                    <button class="btn btn-info btn-sm" data-widget='remove' data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
                  </div><!-- /. tools -->
                </div><!-- /.box-header -->
                <div class='box-body pad'>
                    <textarea id="editor1" name="editor1" rows="10" cols="80"><?php $admin->PageContent(); ?></textarea>
                    <a class="btn btn-app" id="updater">
                    <i class="fa fa-save"></i> Save
                  </a>
                  </form>

当我通过输入id传递数据时,但不管我做什么,似乎我的文本区总是认为它是空的。提交时调用的函数:

    public function UpdatePage() {
        global $db;
        $query = <<<SQL
        UPDATE pages
        SET name=:name,title=:title,content=:content
        WHERE id = :id
SQL;
        $resource = $db->sitedb->prepare( $query );
        $resource->execute( array(
        ':name' => $_POST['name'],
        ':title'=> $_POST['title'],
        ':content'  => $_POST['editor1'],
        ':id'   =>$_POST['id'],
        ));
    }

问题出在CK编辑器。由于某种原因,附加CK编辑器使其无法通过。现在我只需要找出原因。经过修改以与CKeditor一起工作的AJAX$(function () {

    $('#updater').on('click', function (e) {
    for ( instance in CKEDITOR.instances )
    CKEDITOR.instances[instance].updateElement();
      e.preventDefault();
      $.ajax({
        type: 'post',
        url: 'calls.php',
        data: $('#updatepage').serialize(),
        success: function (data) {
            alert(data);
        location.reload();
        }
      });
    });
  });
</script>

您的jQuery应该可以很好地传递数据。它包含在序列化。

我使用这段代码来提醒它正在发送的内容,并且文本区域包含在序列化数据中:

$('#updater').on('click', function (e) {
    alert($('#updatepage').serialize());
    e.preventDefault();
});

JS Fiddle: http://jsfiddle.net/zmgLba1h/

既然你提到使用CKEditor,我发现这个SO线程设置通过ajax提交之前的值:https://stackoverflow.com/a/3256553/722617