可编辑的内联编辑,最近更新的值在页面加载时不显示。显示默认点击进行编辑

时间:2014-05-27 22:28:42

标签: php jquery html ajax jeditable

我正在使用jeditable插件更新我的textarea内联中的某些值。当我更新它们时,值将在文件save.php中处理,并且值将存储在数据库的表记录中并更新字段。

然而我的问题是,一旦我已经更新了记录,当我加载或刷新页面时,我看不到字段中的更新值,显示默认点击编辑,直到我点击并编辑该值的值它显示新值。我在其他帖子上读过save.php应该回显出要在字段中显示的值。

我的save.php代码

<?php
 if(isset($_POST['suck'])){
mysql_connect('localhost','root','');
mysql_select_db('inline_database');
$data = $_POST['suck'];
$result = mysql_query("INSERT INTO `form_data` VALUES('','$data')");
$id = mysql_insert_id();
$query = "SELECT * FROM `form_data` WHERE `id` = '$id'";
$retrieve_result = mysql_query($query);

while($row = mysql_fetch_assoc($retrieve_result)){
  $get_id = $row['id'];
}
echo $get_id;
}
?>

我的功能代码在index.html

 $(".editable_textarea").editable("http://localhost/newedit/save.php", { 
  indicator : "<img src='img/indicator.gif'>",
  loadurl : "http://localhost/newedit/save.php",
  type   : 'textarea',
  submitdata: { _method: "post" },

  //id   : 'elementid',
  //name : 'newvalue',
  select : true,
  submit : 'OK',
  cancel : 'cancel',
  cssclass : "editable",
  tooltip   : "Click to edit ",
  });

我的jeditable.js文件

var blue =
$.fn.editable.defaults = {
    name       : 'suck',
    id         : 'id',
    type       : 'text',
    width      : 'auto',
    height     : 'auto',
    event      : 'click.editable',
    onblur     : 'cancel',
    loadtype   : 'GET',
    loadtext   : 'Loading...',
    placeholder: 'click to edit',
    loaddata   : {},
    submitdata : {},
    ajaxoptions: {}
};

Jeditable插件文档为here

这就是现场Demo

0 个答案:

没有答案