使用AJAX进行内联表编辑

Inline Table Editing with AJAX

本文关键字:编辑 AJAX 使用      更新时间:2023-09-26

我正在尝试使用这个允许内联表编辑和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

我真正想知道的是什么是细胞。id,它是普通的Javascript,它给出什么输出?我如何使用它来允许我的单元格是可编辑的,并返回到数据库?我的主管真的想要内联编辑,而我一直在Javascript和AJAX工作了整整一周,这是非常困难的我提供这个给他!

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

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