I'm trying to learn some basic ajax using Django. My simple project is an app that randomly selects a Prize
from the available prizes in the database, decrements its quantity, and returns prize.name
to the page.
I'm using jQuery's $.ajax method to pull this off. The the only thing that's running is the error
function defined in my $.ajax call, but the error message says nothing but "error". I'm new to ajax, so I'm probably overlooking something obvious. Here's the relevant code:
Model
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' ),
)
View
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')
Template
<!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>