十 Django 1.5.4 jQuery

来源：互联网发布：音频剪切合并软件编辑：程序博客网时间：2024/05/20 12:23
一.base.html
<!DOCTYPE html><html lang="es">  <head>    <meta charset="utf-8">    <title>Proyecto Demo</title>    <!-- Le styles -->    <link href="/media/bootstrap/css/bootstrap.css" rel="stylesheet">     <link href="/media/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">    <script src="/media/js/jquery.js"></script>    <script src="/media/bootstrap/js/bootstrap.js"></script>    <style type="text/css">      body {        padding-top: 60px;        padding-bottom: 40px;      }      .sidebar-nav {        padding: 9px 0;      }    </style>    <script type="text/javascript">        $(document).on('ready',function(){              $.ajax({                  type:"GET",                  contentType:"application/json; charset=utf-8",                  dateType:"json",                  url:"/ws/productos/",                  success:function(response){                          var i = (response.length-1)-2;                          for(i;i<=(response.length-1);i++){                              $('#ProductosNuevos').append("<li>"+response[i].fields.nombre+"</li>");                          }                  }              });        });    </script>  </head>  <body>    <div class="navbar navbar-inverse navbar-fixed-top">      <div class="navbar-inner">        <div class="container-fluid">          <a class="brand" href="{% url vista_principal %}">Proyecto Ventas </a>            {% if user.is_authenticated %}            <p class="navbar-text pull-right">              Logged in as {{ user.username }}            </p>            {% endif %}            <ul class="nav">              <li><a href="/productos/page/1/">Productos</a></li>              <li><a href="{% url vista_contacto %}">Contacto</a></li>              <li><a href="{% url vista_about %}">Acerca de ...</a></li>              {% if user.is_authenticated %}                                <li><a href="{% url vista_logout %}"> Cerrar Sesion </a></li>                {% else %}                                <li><a href="{% url vista_login %}"> Login </a></li>                {% endif %}        </div>      </div>    </div>    <div class="container-fluid">      <div class="row-fluid">        <div class="span9">          <div class="hero-unit">            {% block content %}            {% endblock%}          </div>        </div><!--/span-->        <div class="span3">          <div class="well sidebar-nav">            <ul class="nav nav-list">              <li class="nav-header">Mi Carrito</li>              <br><p align="justify">                      Carrito de Super              </p>            </ul>          </div><!--/.well -->          <div class="well sidebar-nav">            <ul class="nav nav-list" id="ProductosNuevos">              <li class="nav-header">Nuevos Productos</li>                          </ul>          </div><!--/.well -->           <img src="/media/images/django.gif"/>        </div><!--/span-->      </div><!--/row-->      <hr>      <footer>        <p>© Open Project 2013 </p>      </footer>    </div><!--/.fluid-container-->    <!-- Le javascript================================================== -->    <!-- Placed at the end of the document so the pages load faster -->  </body></html>
可以先把回复输出到控制台,在Firebug中调试
还可以查看JSON格式