本文主要讲解了通过JavaScript（js）控制HTML列表项（li标签）排序问题，并且介绍了js如何调用后端PHP函数的方法。以下是针对文章内容提炼出的知识点。
### 1. li标签排序问题的解决方法
文章中提到的li标签排序问题，实际上是实现了一个可以拖动排序的功能，这个功能在很多交互式网页中非常常见。为了解决这个问题，作者使用了jQuery UI库中的sortable()方法。这是jQuery UI组件库提供的一个可拖动的界面元素的功能，可以很容易地实现拖动排序的功能。
在代码示例中，`$(".list-group").sortable()`是对类名为list-group的ul元素应用sortable方法。`stop`函数是当拖动停止时执行的操作，这里主要负责收集排序后的li元素的data-id属性值，并通过Ajax POST请求发送到服务器。
### 2. js调用php函数的方法
文章介绍了使用jQuery的$.post方法通过Ajax请求调用PHP后台处理数据。$.post方法允许你发送异步的HTTP POST请求到服务器，并返回一个jQuery Promise对象，你可以用这个对象的done(), fail(), 和always()方法来处理异步操作的完成情况。
在文章中，$.post('/group/category/listorder',{'data':data})这一行代码就是向服务器的/group/category/listorder路径发送一个包含data参数的POST请求。这个data参数包含了排序后的id列表。
### 3. php后台函数的实现
在php端，文章中提到了两个关键的函数：listorder和delete。
#### listorder函数
这个函数用于处理排序后的数据。其主要工作流程如下：
1. 从POST请求中提取data参数，并使用explode函数以逗号分隔字符串，得到一个id数组。
2. 遍历这个数组，并对每个id调用category_model的save方法，其中传入的数组参数将listorder字段更新为当前的顺序号。
3. 更新完成后，每个元素的listorder属性就对应了新的排序。
#### delete函数
这个函数用于删除列表中的一个项目。其主要工作流程如下：
1. 从GET请求中获取id参数。
2. 调用category_model的delete方法来删除对应id的记录。
3. 弹出提示框，并返回到上一个页面。
### 总结
文章通过实例向读者展示了如何使用js和php实现li标签排序的动态更新，并且在前后端交互方面进行了说明。通过前端JavaScript代码实现拖动排序的交互，然后通过Ajax将排序后的数据异步提交到PHP后端进行处理。后端PHP函数接收数据后进行相应的数据更新操作，同时提供了删除功能。整个流程展现了现代web应用中客户端与服务器端的配合方式，对想要了解前后端交互的读者来说，是一篇很好的参考文献。
