javascript - 提交时的 JQuery 内容可编辑 div 和文本框不发送 POST

Question

我有一个网站，您可以在其中编辑文本并设置文本格式，然后将其保存到服务器上。我正在使用 jquery 将数据发送到 PHP 页面，并将其保存在其中。我的网站不会将文件名和格式化文本发送给 PHP。

这是我的 html 代码:

<div id="editor" contenteditable="true">
    This is the editable text.
</div>

<input type="text" id="name" placeholder="File Name">
<input type="submit" id="save" value="Save">

<script>
    $(document).ready(function() {
        $("#save").on("click", function(event) {
            var formData = {text: $("#editor").html(), name: $("#name").val()};
            event.preventDefault();
            $.ajax({
                url: 'freewordsave.php',
                type:'POST',
                data: formData,
                success: function(msg)
                {
                    alert('Your file was saved!');
                }
            });
        });
    });
</script>

这也是我的 PHP 代码:

$name = $_POST['name'];
$text = $_POST['data'];
$file = fopen("./location/" . $name . ".html", "w") or die("<script> alert('Error'); </script>");
fwrite($file, $text);
fclose($file);

我的代码甚至不会在 JavaScript 中显示警报。

谢谢。

Answer 1

在 Simone Rossaini 发表评论后，我修复了我的代码。我忘记了 formData 末尾的 } 右括号。​​

修复了 JQuery 代码。

$(document).ready(function() {
    $("#save").on("click", function(event) {
        var formData = {text: $("#editor").html(), name: $("#name").val()};
        event.preventDefault();
        $.ajax({
            url: 'freewordsave.php',
            type:'POST',
            data: formData,
            success: function(msg)
            {
                alert('Your file was saved!');
            }
        });
    });
});

我知道我的 PHP 说的是 $_POST['data'] 但这是我在提出问题时犯的一个错误，它实际上并不是我的 PHP 文件中的那样。

谢谢