使用Python的Django框架結合jQuery實現AJAX購物車頁面

Django中整合jquery
首先，靜態的資源通常放入static資料夾中：

1 2 3 4 5 6 7 8 9 static/ css/ djquery.css samples/ hello.css js/ jquery-1.7.1.min.js samples/ hello.js

其中css和js都按照應用名稱（這裡是samples）劃分資料夾，如果檔案較多，還可以再劃分子資料夾。

Django通常使用模板來展現html，而且我們通常使用繼承的模板，所以需要將共用的元素，比如全域性的css，對jquery.js的引入等，寫到base模板中，而將具體頁面的元素放到具體的模板中。這就牽涉到如何巢狀的問題。看下面的例子：
base.html

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<html> <head> <meta


charset

="utf-8"> <meta


http-equiv

="Content-Type"


content

=

"text/html;
 charset=UTF-8"

/>

<title

>{%
 block title %} 標題 {% endblock %}</

title> <link


href

="css/djquery.css"

rel

="stylesheet">

{%
 block styles %}

<!--custom
 styles-->

{%
 endblock %}