Django,jQuery,XMLHttpResponse错误

时间:2009-05-11 16:04:59

标签: jquery django xmlhttprequest

我正在尝试使用Django学习一些基本的ajax。我的简单项目是一个应用程序,它从数据库中的可用奖品中随机选择Prize,减少其数量,然后将prize.name返回到页面。

我正在使用jQuery的$ .ajax方法来解决这个问题。唯一正在运行的是我的$ .ajax调用中定义的error函数,但错误消息只显示“错误”。我是ajax的新手,所以我可能会忽略一些显而易见的事情。这是相关的代码:

模型

class Prize(models.Model):
    name = models.CharField(max_length=50)
    quantity = models.IntegerField(default=0)

    def __unicode__(self):
        return self.name


URL配置

urlpatterns = patterns('',
    (r'^get_prize/$', 'app.views.get_prize' ),
)


视图

def get_prize(request):
    prizes = Prize.objects.filter(quantity__gt=0)
    to_return = {}

    if prizes:
            rand = random.randrange(len(prizes))
        prize = prizes[rand]
        prize.quantity -= 1
        prize.save()


        to_return['prize'] = prize.name
        data = simplejson.dumps(to_return)

        return HttpResponse(data, mimetype='application/json')


    else:
        to_return['msg'] = "That's all the prizes.  No more."
        data = simplejson.dumps(to_return)

        return HttpResponse(data, mimetype='application/json')


模板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>User's Conference Prize Randomizer</title>
<link rel="stylesheet" type="text/css" href="/static-media/style.css" />
<script type="text/javascript" src="/static-media/jquery-1.2.6.min.js"></script>

<script type="text/javascript">
    var get_prize = function() {
        var args = { 
            type: "GET",
            url: "get_prize",
            dataType: "json",
            success: done,
            error: function(response,error_string,e){
                alert( "Error: " + response.responseText + " " + error_string ); 
                for (i in e){
                    alert(i);
                }
            }
        };

        $.ajax(args);
    };

    var done = function(response) {
        if(response)    {
            alert(response);
        }

        else {
            alert("Something boo-booed");
        }
    };

    $(document).ready(function() {
       $("#start").click(get_prize);
     });
</script>

</head >

<body>
        <p><a href="" id='start'>Get Prize</a>, this link isn't working how I'd like.</p>

</body>

3 个答案:

答案 0 :(得分:1)

这与您的问题并不完全相关,但如果您尝试从数据库中获取随机对象,则可以改为:

prize = Prize.objects.filter(quantity__gt=0).order_by('?')[:1]
if prize:
    prize = prize[0]

# Using a slice prevents an exception if the query returns an empty queryset.
# If you're not a fan of LBYL, you could wrap the query in a try...except block instead:

try:
    prize = Prize.objects.filter(quantity__gt=0).order_by('?')[0]
except IndexError:
    # No more prizes pal...done, fini.

答案 1 :(得分:0)

这不是你问题的直接答案,但你看过jQuery taconite插件吗?它使得大多数AJAXy的东西变得微不足道。有关malup's taconite page的更多信息。当你在这里时,请查看他的other excellent plugins

答案 2 :(得分:0)

好悲伤。我刚刚在进行ajax调用的函数中省略了return false。去n00b的路。 :0