我相信我已经正确设置了数据库，因为网页不会返回该错误，但我不知道如何在数据库中创建表，以便此代码可以保存到数据库然后检索它。
<script>
$(document).ready(function() {
$("#save").click(function (e) {
var content = $('#editable').html();
$.ajax({
url: 'save.php',
type: 'POST',
data: {
content: content
},
success:function (data) {
if (data == '1')
{
$("#status")
.addClass("success")
.html("Data saved successfully")
.fadeIn('fast')
.delay(3000)
.fadeOut('slow');
}
else
{
$("#status")
.addClass("error")
.html("An error occured, the data could not be saved")
.fadeIn('fast')
.delay(3000)
.fadeOut('slow');
}
}
});
});
$("#editable").click(function (e) {
$("#save").show();
e.stopPropagation();
});
$(document).click(function() {
$("#save").hide();
});
});
</script>
</head>
<body>
<div id="wrap">
<h1><a href="http://gazpo.com/2011/09/contenteditable/" > HTML5 Inline text editing and saving </a></h1>
<h4>The demo to edit the data with html5 <i>contentEditable</i>, and saving the changes to database with PHP and jQuery.</h4>
<div id="status"></div>
<div id="content">
<div id="editable" contentEditable="true">
<?php
//get data from database.
include("db.php");
$sql = mysql_query("select text from content where element_id='1'");
$row = mysql_fetch_array($sql);
echo $row['text'];
?>
</div>
<button id="save">Save</button>
</div>
<div id="footer">
<a href="http://gazpo.com/">Tutorial by gazpo.com</a>
</div>
</div>
最佳答案
我不想与上面的评论者争论本教程的有用性，但如果您想创建必要的表来完成此操作，您可以发出以下两个 SQL 语句:
CREATE TABLE content ( element_id varchar(1), text text);
INSERT INTO content (element_id, text) VALUES ('1','Hello World!');
但是，该表对于其他任何事情都没有多大用处。
嗯，哪个数据库？我想您首先必须创建一个，但是数据库的名称(以及连接到该数据库所需的用户/密码)在代码片段中不可见。我猜它们隐藏在 db.php 中的某个地方。如果您完全使用本教程中下载的示例，请在上述语句之前发出以下语句:
CREATE DATABASE test;
use test
(哦，本教程假设您可以使用 root 帐户登录而无需密码 - 如果您已经以这种方式设置了 mySQL 数据库，我希望您的开发服务器上运行了防火墙。 )
关于mysql - 如何为此内容设置 MySQL 表可编辑，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14780726/