0

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

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

模型

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

    def __unicode__(self):
        return self.name


URLConf

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>

4

3 回答 3

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.
于 2009-05-11T20:57:04.510 回答
0

好伤心。我刚刚遗漏了return false进行 ajax 调用的函数。一路走好n00b。:0。

于 2009-05-11T20:05:29.510 回答
0

这不是您问题的直接答案,但是您看过 jQuery taconite 插件吗?它使大多数 AJAXy 的事情变得微不足道。更多关于malup 的铁燧石页面。当您使用它时,请查看他的其他出色插件

于 2009-05-11T16:33:17.843 回答