Question

我希望能够将内容可编辑文本发送到php文件，以使用ajax进行一些更改。这就是它的设置方式：

的index.php

<div id="textArea">
            <div contenteditable id="textField"></div>
        </div>
    </body>

</html>

<script>
    var storyArea = $("#storyArea");
    var textField = $("#textField");
    var textArea = $("#textArea"); 

    textField.on("keydown", function(e)
    {
        if (e.which == 13)
        {
            e.preventDefault();

            var newVal = textField.text();
            var exp = /\W/g;

            if(!(exp.exec(newVal)))
            {
                $.ajax(
                {
                    type: 'post',
                    url: 'story.php',
                    datatype: "html",
                    data: newVal,
                    success: function (data) 
                    {
                        alert(data);
                    }
                });
            }
            else
            {
                textArea.css("border", "2px solid #d45454");
                textField.empty();
                newVal = '';
            }
        }

    });

</script>

story.php

<?php 
    $input = $_POST['newVal'];
    echo $input;
?>

我遇到的问题是我的警报返回“Undefined index：newVal”

提前致谢。

Answer 1

您应该使用data: {newVal:newVal}为变量指定发布数据的名称。该函数需要键：值对。

发送和接收div contenteditable

1 个答案: