jQuery PHP实现可编辑表格字段内容并实时保存

本例适用场景：当查看详细资料，如用户详情信息，发现其中某几个字段信息需要修改，可直接点击该字段内容进行修改，节约了用户时间，（传统的做法是进入一个编辑页面，列出所有编辑的字段信息，即使你只需要编辑其中一两个字段内容，然后点击提交）提高了WEB响应速度，从而提高了前端用户体验。

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

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

可自定义输入表单类型，目前jeditable提供text,select,textarea类型。

响应键盘的回车和ESC键。

插件机制，本例提供与jquery ui的datepicker日历控件的整合。

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

我们需要制作一个表格，如下：