本文将继续前一篇文章中的示例来完成编辑操作。
编辑操作
用户单击编辑按钮更改相应的项目以编辑状态。出现一个输入框。用户可以重新输入新内容，然后单击保存按钮完成编辑操作，或者单击取消取消编辑状态。
首先，编辑状态通过单击编辑按钮并将以下代码添加到全局js的$（函数）{ }中实现）。
编辑选项
$（编辑）。活（听到咔哒声，函数（）{）
$（这）。RemoveClass（'edit）。AddClass（'oks）。Attr（标题，拯救）；
$（这）。Prev（），RemoveClass（'del）。AddClass（'cancer）。Attr（标题'，'取消'）；
var（$）；
输入；
$（这）。下（）WrapInner（输入）；
}）；
它可以从代码中看到，这类风格的编辑按钮，删除按钮改变，标题属性被修改，和分类的名字是用输入的输入框（wrapinner），从而产生一个编辑状态。
要将修改后的内容提交到后台处理中，单击保存按钮，将有以下内容。见代码：
编辑
$（，通过）。活（听到咔哒声，函数（）{）
无功input_str =美元（这）。父（），发现（输入的）瓦迩（）；
如果（input_str = =）{
jnotify（请输入类别名称！；
返回false；
}
var str =逃避（input_str）；
var id = $（这）。父（）。Attr（关系）；
var url =的帖子。phpaction =编辑；
VaR建立美元（这）；
$ ajax（{
类型：邮政
网址，
数据，
成功：函数（MSG）{
如果（MSG = 1）{
jsuccess（编辑成功！；
Var STRs =<跨度类= 'edit
标题=+ input_str +>编辑；
Btn.parent（）Html（STR）；
其他{ }
jnotify（操作失败！；
返回false；
}
}
}）；
}）；
通过单击编辑保存按钮的状态，首先把输入框的内容，无需输入任何提示用户输入，然后将用户输入的内容转义编码，而且获得编辑项目对应的ID，ID和输入参数的内容提交到后台post.php美元。Ajax响应背景信息返回，如果返回成功，则提示用户编辑和取消编辑状态，如果返回失败，提示用户失败。
的背景post.php处理操作编辑项目是类似的新项目运作中上部，和代码如下：
case'edit： / /编辑项目
ID =美元美元_post { 'id' }；
标题= unidecode美元（美元_post {标题}，'utf-8）；
标题= htmlspecialchars（$美元的标题，ent_quotes）；
$（更新查询= mysql_query板设置标题= ' $ title'where CID = $ ID）；
如果（$查询）{
回声1；
其他{ }
2的回声；
}
打破；
上面的代码片段添加到post.php switch语句。代码从前端接收ID和标题参数，并对标题参数进行解码，然后更新数据表中的相应项，并将执行结果输出到前台处理。
若要取消编辑状态，请单击下面的代码取消。
取消/编辑
$（癌症）。活（听到咔哒声，函数（）{）
Var Li = $（这个）。父（）Html（）；
无功str_1 =美元（这）。父（），发现（输入的）瓦迩（）；
Var STRs =
+ str_1 + 。
$（这）。父（）Html（STR）；
}）；
事实上，代码把字符串和替换组合字符串而不是编辑状态，即取消编辑状态。
通过这样的一个实际应用的案例，我们可以体验到前端技术的优越性，以及用户的操作的每一步都是那么友好，这是用户体验的一个方面。jQuery库使得Ajax操作简单，jQuery的生活方法也在代码中使用，这是必要的约束DOM元素动态。
以上两篇文章都是萧边整理列表管理jquery+ajax + PHP + MySQL的内容，有助于大家的学习。
