Question

我一直在使用Django练习探戈，以便切入Django。几乎已经完成，但Ajax part有问题。

没有调用auto_add页面的Ajax函数。 Idk问题是因为正在调用其他函数。在shell提示符下，根本没有调用ajax函数。需要帮助。

附加了相关代码。它与上面的网站链接相同。 static / rango-ajax.js

  $('.rango-add').click(function(){
      var catid = $(this).attr("data-catid");
      var title = $(this).atrr("data-title");
      var url = $(this).attr("data-url");
      $.get('/rango/auto_add_page/', {category_id: catid, url: url, title: title}, function(data){
          $('#pages').html(data);
          me.hide();
      });
  });

模板/兰戈/ category.html

{% if user.is_authenticated %}
    <button data-catid="{{category.id}}" data-title="{{ result.title }}" data-url="{{ result.link }}" class="rango-add btn btn-mini btn-info" type="button">Add</button> 
{% endif %}

兰戈/ views.py

@login_required
def auto_add_page(request):
    context = RequestContext(request)
    cat_id = None
    url = None
    title = None
    context_dict = {}
    if request.method == 'GET':
        cat_id = request.GET['category_id']
        url = request.GET['url']
        title = request.GET['title']
        if cat_id:
            category = Category.objects.get(id=int(cat_id))
            p = Page.objects.get_or_create(category=category, title=title, url=url)
            pages = Page.objects.filter(category=category).order_by('-views')

            #Adds our results list to the template context under name pages. 
            context_dict['pages'] = pages

    return render_to_response('rango/page_list.html', context_dict, context)

兰戈/ urls.py

urlpatterns = patterns('', 
        url(r'^$', views.index, name='index'),
        url(r'^goto/$', views.track_url, name='track_url'),
        url(r'^add_category/$', views.add_category, name='add_category'),
        url(r'^auto_add_page/$', views.auto_add_page, name='auto_add_page'),

完整代码位于此link。

Answer 1

您的代码很好，您唯一需要做的就是在/tango/templates/rango/page_list.html中定义您的模板。此模板具有以下代码：

 {% if pages %}
<ul>
{% for page in pages %}
   <li>
   <a href="{% url 'goto' %}?page_id={{page.id}}"> {{ page.title}}</a>
   {% if page.views > 1 %}
      ({{page.views}} views)
   {% elif page.views == 1 %}
      ({{page.views}} view)
   {% endif %}
   </li>
{% endfor %}
</ul>
{% else %}
   <strong> No Pages currently in category. </strong>
{% endif %}

在类别模板中，您必须定义以下代码：

% if category %}
    {% if user.is_authenticated %}
        <a href="/rango/category/{{ category_name_url }}/add_page/"> Add a new Page</a> <br>
    {% endif %}
    {% if pages %}
    <div id="pages">
        <ul>
        {% for page in pages %}
            <li>
                <a href="{% url 'goto' %}?page_id={{page.id}}"> {{ page.title}}</a>
            {% if page.views > 1 %}
                ({{page.views}} views)
            {% elif page.views == 1 %}
                ({{page.views}} view)
            {% endif %}
            </li>
        {% endfor %}
        </ul>
     </div>
    {% else %}
        <strong> No Pages currently in category. </strong>
    {% endif %}
{% else %}
    The specified category {{ category_name }} does not exist!
{% endif %}

Answer 2

我现在正在完成本教程的这一部分，只想添加Héctor的答案。为避免重复代码以显示页面列表，我执行了以下操作：

我在 tango / rango / templatetags / rango_extras.py 中添加了一个get_page_list（）方法，类似于在本教程前面部分中用于显示类别列表的get_category_list（）方法。

from rango.models import Page

@register.inclusion_tag("rango/page_list.html")
def get_page_list(category):
    pages = Page.objects.filter(category=category) if category else []
    return {'pages': pages}

然后我们只需要加载rango_extras并在 tango / templates / rango / category.html 中调用get_page_list（）方法。

{% extends 'rango/base.html' %}

{% load rango_extras %}

<!-- Existing code -->

{% if category %}

    <!-- Existing code to show category likes and like button -->

    <div id="page_list">
        {% get_page_list category %}
    </div>

    <!-- Existing code to show search if user is authenticated -->

{% else %]
    The specified category {{ category_name }} does not exist!
{% endif %}

这允许您在首次加载类别页面时显示页面列表，然后在搜索区域添加类别时刷新页面，而不必复制任何代码。

Django：Jquery点击功能在Ajax中不起作用

2 个答案: