使用InstantEdit 2.0 JS内联编辑mysql数据

时间:2012-07-17 06:10:45

标签: jquery mysql inline edit

我正在尝试在我的php页面上对mysql数据进行内联编辑。 我正在使用找到的示例脚本:here

我的所有代码都显示在此问题下方。

在浏览到ajaxtest.php时,表数据会正确显示。点击表格数据时,我可以编辑它。但点击保存数据时更改为'false'

任何想法为什么这是hapening?是否与update.php上的标题有关?

这是我的mysql表的代码:

我创建了一个表格如下:

CREATE TABLE IF NOT EXISTS `tblInLineEdit` (
  `id` int(6) NOT NULL AUTO_INCREMENT,
  `name` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  `descr` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=3 ;

--
-- Dumping data for table `tblInLineEdit`
--

INSERT INTO `tblInLineEdit` (`id`, `name`, `descr`) VALUES
(1, 'carl', 'developer'),
(2, 'angela', 'administration');

然后我创建了两个页面,ajaxtest.php和update.php。代码如下:

ajaxtest.php

<? 
$db_user = "username";
$db_pass = "password"; // password here
$db = "database";
$host = "localhost";
$link = mysql_connect($host,$db_user,$db_pass) or die("Database connection broken");
mysql_select_db($db,$link) or die("Database connection unavailable – ".mysql_error() );
$result = mysql_query("SELECT * FROM tblInLineEdit");
//$row = mysql_fetch_assoc($result); 
?>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="instantedit.js"></script>
<table>
<? while ($row = mysql_fetch_assoc($result)) { ?>
<tr>
<td><span id="name-|||-<?php echo $row['id']; ?>" class="editText"><? echo $row['name']; ?></span></td> 
<td><span id="descr-|||-<?php echo $row['id']; ?>" class="editText"><? echo $row['descr']; ?></span></td> 
</tr>
<?php } ?>
</table>

update.php

<? 
header("Expires: Mon, 26 Jul 2014 05:00:00 GMT"); // Date in the past
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // always modified
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0"); // HTTP/1.1
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache"); // HTTP/1.0

$db_user = "user";
$db_pass = "password"; // password here
$db = "database";
$host = "localhost";
$link = mysql_connect($host,$db_user,$db_pass) or die("Database connection broken");
mysql_select_db($db,$link) or die("Database connection unavailable – ".mysql_error() );
$content = $_GET['content'];
list($fieldname, $id) = explode("-|||-",$_GET['fieldname']);
mysql_query("UPDATE tblInLineEdit SET $fieldname = ‘$content’ WHERE id = $id ") or die("blah failure – ".mysql_error() );
$result = mysql_query("SELECT * FROM tblInLineEdit WHERE id = $id");
$row = mysql_fetch_assoc($result);
echo $row["{$fieldname}"]; 
?>

关于它为什么返回false的任何想法?

感谢您提前协助。

或者,任何人都可以推荐一个易于使用的轻量级内联编辑器吗?

一如既往地谢谢。

1 个答案:

答案 0 :(得分:2)

尝试调试客户端脚本。使用Firebug或Chrome的开发人员工具查看产生的错误。您的链接在我的浏览器中在页面加载时产生以下错误:

似乎页面不存在。

我不确定你想要完成什么。但如果这是实际项目的早期阶段,我建议再考虑一些研究。也许一些关于面向服务的体系结构的研究可以帮助你很多。您可以提出的最佳实践之一是使用Zend Framework的JSON服务器。我,我自己,已经开发了一个框架,如果你的项目规模越来越大,这对你有用。它被称为Pomegranate,也许你想看看它。