使用jQuery与PHP实现实时表格字段.pdfVIP

在本例中，我们会通过jQuery实现单击将一个文本信息变为可编辑的表单，你可

以对文本内容进行编辑，然后点击“确定”按钮，新的内容将发送到PHP程序

处理，并保存到数据库；当点击“取消”按钮，则页面恢复到初始状态。

查看演示源码

本例适用场景：当查看详细资料，如用户详情信息，发现其中某几个字段信息需

要修改，可直接点击该字段内容进行修改，节约了用户时间（传统的做法是进入

一个编辑页面，列出所有编辑的字段信息，即使你只需要编辑其中一两个字段内

容，然后点击提交），提高了WEB响应速度，从而提高了前端用户体验。

本例依赖jquery库，并基于jeditable插件，具有以下特点：

•实时编辑，实时响应，并即时完成局部刷新。

•可自定义输入表单类型，目前jeditabletext、select和textarea类型。

•响应键盘的回车和ESC键。

•插件机制，本例与jQueryUI的datepicker日历控件的整合。

下面我们来一步步讲解实现过