使用AJAX进行内联表编辑

时间:2011-11-09 18:12:02

标签: javascript html ajax

我正在尝试使用这个允许内联表编辑和AJAX更新的库 - 我一直在弄清楚如何在它和我的MySQL数据库之间进行通信,其中包含了包含的所有信息。行。

这是提供的代码示例:

除非你只是希望人们随意了解当前页面的瞬态,否则你可能想要定义/覆盖InlineEditor.elementChanged函数并做一些能够保存用户更改的东西。以下是使用AJAX立即发布更改的示例。在这种情况下,我使用了我方便的ajax.js代码来完成它。

   InlineEditor.elementChanged = function( theElement, oldVal, newVal )
    {
        mySavingIndicator( theElement );

        var url = "http://www.myserver.com/update.php?id=" + cell.id + "&val="+newVal;

        AJAX.getText( url, function( response ){

            clearMySavingIndicator( theElement );
            alert( 'Did the save work? ' + response );

        }); // end ajax callback function

    };  // end elementChanged

我真正想知道的是什么是cell.id,它是正常的Javascript,它给出了什么输出?如何使用它来允许我的单元格可编辑并返回数据库?我的主管真的想要内联编辑,虽然我整个星期都在用Javascript和AJAX工作,但我很难向他提供这个!

1 个答案:

答案 0 :(得分:1)

我认为你有var url = "http://www.myserver.com/update.php?id=" + theElement + "&val="+newVal;,可能是正在编辑的单元格的ID。

或者,您可能有一些现有的对象'cell',在某些'didStartEditing'类型的函数中,将id属性设置为反映正在编辑的元素