Question

我有一个表单，我正在尝试通过更新页面。我的名字和头衔通过;但是，但我的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被传递，但无论我做什么，似乎我的textarea总是认为它是空的。提交时调用的函数：

    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>

Answer 1

你的jQuery应该正常传递数据。它包含在序列化中。

我使用此代码来提醒它发送的内容，并且textarea包含在seralized数据中：

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

JS小提琴：http://jsfiddle.net/zmgLba1h/

由于您提到使用CKEditor，我在通过ajax提交之前找到了关于设置值的SO线程：https://stackoverflow.com/a/3256553/722617

Textarea Post通过，但不是表格内的数据

1 个答案: