thymeleaf+Ajax方式进行局部刷新时出错，使用Chrome开发者工具Debug

场景：

有一个需求是使用Ajax配合thymeleaf来对html的某个部分进行局部刷新。但是却报了500错误（见下图）

原因分析：

报了500首先想到后台出了问题，但是反复调试后台，发现没有错误。

然后想到可能前端写错了，于是经过上网搜寻，发现使用Chrome的调试工具可以查看前端局部刷新结果。

发现右侧局部刷新结果根本就没显示全。于是问题定位到了前端，最后发现前端有一个thymeleaf的属性写错了，改正后问题解决

经验教训：

这是前端开发经验不足导致的，要善用Chrome开发者工具来进行Debug。
下面给出一篇博文，好好补补工具的使用吧：
Chrome开发者工具使用指南