ant21 on Aug 22nd, 2009用 Ajax 方式实现 Django Comments 提交
Django 自带的 Comments 模块还蛮好用的,但是提交的时候貌似有点麻烦,虽然可以手动去掉那个预览的按钮,只留下提交按钮,但还是想用户体验更好一些,用 Ajax 的方式来改进评论的提交。
想要的效果很简单,用户写完评论,点击提交按钮,这时候出现 loading 图标,显示正在提交,提交成功后,用 YFT 的方式把刚才的评论加到评论列表最后,同时评论数加一,loading 图标消失。当然,需要用到我最喜欢的 jQuery 和她的伙伴 Effect.Highlight。
在我的页面中,需要对每一个产品作评论,于是在 product_detail.html 的头部,加上如下代码:
123456789101112131415161718192021222324252627282930313233343536373839404142434445<script type="text/javascript" charset="utf-8">
function bindComment() {
$(’#comments form’).submit(function() {
$(’input[type=submit]‘).attr(’disabled’, ‘disabled’);
$.ajax({
type: "POST",
[...]