JQuery 内容可编辑的 div 和提交时文本框不发送开机自检

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发表评论后修复了我的代码。 我忘记了表单数据末尾的 } 右括号。

修复了 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文件中实际上并非如此。

谢谢