My first ajax app using django and jquery

django — Fri, 16 Nov 2007 06:48:00 GMT

Requirement:
There is a simple form that has two input field, one is zip code and another is city. If the zip code is filled, the page will fill the city automatically by getting the relevant city of the zip code in an AJAX way.

Implementation:
1. django-admin.py startproject study
2. cd study
3. python manage.py startapp ajax
4. Edit settings.py, add 'study.ajax' to INSTALLED_APPS.
5. mkdir site_media
6. Download jquery.js from www.jquery.com and copy it to site_media
7. Add the following line to urls.py:

(r'^site_media/(?P.*)$', 'django.views.static.serve', {'document_root':'/home/sting/Django/study/site_media'}),

Note: We will include jquery.js in our html, for this kind of static files, django's handling is different from others. Please see http://www.djangoproject.com/documentation/static_files/ to get more detailed information.
8. cd ajax
9. mkdir templates
Note: This folder is used to put template files. It seems that django can load template files from this folder automatically, so you needn't to configure it in settings.py.
10. Create the following html file named form.html.

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Register formtitle>
<script src="http://localhost:8000/site_media/jquery.js" type="text/javascript">script>
<script type="text/javascript">
  function getZipData() {
    var zipcode = $('#zip').val();
    $.get('http://localhost:8000/ajax/getzipdata/' + zipcode + '/', function(data) {
      $('#city').attr({'value':data});
    });
  }
script>
head>
<body>
<table>
<form actioon="" method="post">
<tr><td>Zip:td><td><input id="zip" onblur="getZipData()" type="text" name="zip"/>tr>
<tr><td>City:td><td><input id="city" type="text" name="city"/>tr>
form>
table>
body>
html>

11. Edit views.py and add the following methods.

from django.http import HttpResponse
from django.core import serializers
from django.shortcuts import render_to_response

def getzipdata(request, zipcode):
  if zipcode == '214028':
    city = 'wuxi'
  else:
    city = ''

  return HttpResponse(city)

def register(request):
  return render_to_response('form.html', {})

12. Add the following lines to urls.py.

(r'^ajax/register/$', 'study.ajax.views.register'),
(r'^ajax/getzipdata/(\d+)/$', 'study.ajax.views.getzipdata'),

Visit http://localhost:8000/ajax/register/, you will see the simple form, after fill the zip code and move to city, the city will be filled automatically.

Blogged with Flock

Tags: django, jquery, ajax, python

django 2007-11-16 14:48 发表评论

IPython, an enhanced python "shell"

django — Tue, 06 Nov 2007 08:32:00 GMT

As the definition on the Internet, IPython is an enhanced interactive Python shell. It has a lot of attractive features over the original Python shell. I take a quick look at them, and list my favorites.

Auto completion with "Tab". For example, s is a string, if you press "Tab" after "s.", all methods of Python string will be listed, just like the auto completion in my konsole.
Auto indent.
IPython will add parentheses to functions and methods. For example, dir '' is the same with dir('')
Magic commands. Common used shell commands are also available in IPython shell, such as "cd", "ls", "mkdir". Another two magic commands are very useful. The first one is "edit". In IPython shell, command "edit xxx" will invoke vim to edit the xxx file. (Vim is the default editor and emacs is supported too.) Another useful command is run. You can use command "run xxx.py" to run xxx. There are lots of other magic commands that I haven't tested. You can use command "lsmagic" to list them.
Dynamic object information. Type "?word" and "??word" prints detailed information about an object.
System shell access. Any shell commands can be used in IPython by add "!" in the front. For example, "!ifconfig" will pass "ifconfig" to the shell directly.

There are many other features like "session logging and restoreing", "Input and output caching" that I haven't tested yet. If you are learning Python, I strongly recommend it to you.
Let's try it together!

Blogged with Flock

Tags: python

django 2007-11-06 16:32 发表评论

BlogJava-不可思议之光景-随笔分类-Python

My first ajax app using django and jquery

IPython, an enhanced python "shell"