jEditable - 保存到数据库

时间:2012-03-13 06:46:21

标签: mysql jquery jeditable edit-in-place

我是这个社区的新手。寻求你帮助做Mika Tuupola的jEditable。 我只想将数据保存到数据库中并在页面上显示更改。以下是我的代码 -

<head>
<script src="js/jquery-1.7.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.jeditable.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">

$(document).ready(function() {
$("#editab").editable("insert.php", { 
id   : 1,
content : 'editab',
indicator : "<img src='img/indicator.gif'>",
tooltip   : "Doubleclick to edit...",
event     : "click",
height    : 'auto',
onblur    : 'submit',
});
});

</script>
</head>

<body>
<div style="width:640px" class="editable" id="editab">sdfsdf</div>
</body>
</html>

这是用于插入数据库的PHP代码 -

<?php
$con = mysql_connect("localhost","root","");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}

mysql_select_db("my_db", $con);  

$id      = $_POST['id'];
$content = $_POST['content'];
mysql_query("INSERT INTO editable (id, content)
VALUES ('$id', '$content')");

echo $content;
mysql_close($con);
?> 

我无法将其保存到数据库中。我收到一条错误,上面写着“Undefined index:id in C:\ wamp ..”和“Undefined index:content in C:\ wamp ..” “id”和“content”都表示未定义。请帮忙。

1 个答案:

答案 0 :(得分:2)

Jeditable插件用于内联编辑内容。基于你的代码'OnBlur'事件将你的数据提交到insert.php所以在insert.php文件中你已经编写了一些代码来将它保存在你的数据库中。

$name = $_REQUEST['id']; // get from request and store your data in variable

$query="insert into data SET 
                    name = '".$name."'; //write db query to save it in db

    mysql_query($query) or die(mysql_error()); //execute your query
   echo 'ok'; //for acknowledgement