从可信的div中获取价值

时间:2013-12-28 01:51:59

标签: javascript php ajax jquery

到目前为止,我一直在使用textarea作为表单的主要输入。我已将其更改为使用contenteditable div,因为我想允许一些格式化。

以前,当我有textarea时,表单提交了Ajax和PHP。现在我已经改变它以使用一个可信的div,它不再起作用了,我不知道为什么。

HTML:

<form>
    <div name="post_field" class="new-post post-field" placeholder="Make a comment..." contenteditable="true"></div>
    <input name="user_id" type="hidden" <?php echo 'value="' . $user_info[0] . '"' ?>>
    <input name="display_name" type="hidden" <?php echo 'value="' . $user_info[2] . '"' ?>>
    <ul class="btn-toggle format-post">
        <button onclick="bold()"><i class="fa-icon-bold"></i></button>
        <button onclick="italic()"><i class="fa-icon-italic"></i></button>
    </ul>
    <div class="post-buttons btn-toggle">
        <button class="btn-new pull-right" type="submit">Submit</button>
    </div>
</form>

JQuery Ajax:

$(document).ready(function() {
    $(document).on("submit", "form", function(event) {
        event.preventDefault();
        $.ajax({
            url: 'php/post.php',
            type: 'POST',
            dataType: 'json',
            data: $(this).serialize(),
            success: function(data) {
                alert(data.message);
            }
        });
    });
});

PHP(post.php):只是典型的检查并回复消息。这只是代码片段。

<?php

    $user_id = $_POST["user_id"];
    $display_name = $_POST["display_name"];
    $post_content = $_POST["post_field"];

    $array = array('message' => $post_content);
    echo json_encode($array);

?>

出于某种原因,自从我添加了满足的div之后,它就不再发回帖子内容了。

请帮忙!

1 个答案:

答案 0 :(得分:3)

div的内容未序列化。您必须自己添加它们。

var data = $(this).serialize();
data += "post_field=" + encodeURIComponent($("[name=post_field]").html());