3

私のテンプレート:

{% block content %}
    {% if next_url %}
        <ul class="pager">
            <li><a href="{{ next_url}}">Next</a></li>
        </ul>
    {% endif %}
    {% if photos %}
        {% for photo in photos %}
            <div class="span3" >
                <p>
                    <a href="http://instagram.com/{{ photo.user.username }}"><img src="{{ photo.user.profile_picture }}" width="35" height="35"></a> <a href="http://instagram.com/{{ photo.user.username }}">{{ photo.user.username }}</a>
                    <span class="info_down">[ <a href="{{ photo.images.thumbnail.url }}">T</a> | <a href="{{ photo.images.standard_resolution.url }}">M</a> | <a href="{{ photo.images.low_resolution.url }}">L</a> | <a href="{{ photo.link }}">O</a> ]</span>
                </p>
                <p>
                    <img src="{{ photo.images.low_resolution.url }}">
                </p>
                <p>
                    <i class="icon-heart"></i> {{ photo.l }}
                </p>
                <p>
                    <i class="icon-time"></i> {{ photo.created_time }} <a style="float:right;" href="http://maps.google.com.ua/maps?q={{ photo.location.point.latitude }}+{{ photo.location.point.longitude }}"><i class="icon-map-marker"></i>  Map</a>
                </p>
            </div>

        {% endfor %}
    {% else%}
        <p>empty ;(</p>
    {% endif %}
{% endblock %}

{% block pagination %}
    {% if next_url %}
        <div class="span12" >
            <ul class="pager">
                <li>
                    <a href="{{ next_url}}">Next</a>
                </li>
            </ul> 
        </div>
    {% endif %}
{% endblock %}

そして、外部APIを介して「写真」と「next_url」を取得し、いくつかの変更を加えるビューがあります：

def tag(request, tag):
    api = InstagramAPI(client_id='', client_secret='')
    tag_m, next = api.tag_recent_media(tag_name=tag.encode('utf-8'), count=16)
    photos = photos + tag_m

    if next != None:
        ....
        next_url = ....

    ....
    for photo in photos:
    ....

    return render_to_response(
        'tag.html',
        {'photos': photos, 'next_url': next_url},
        context_instance=RequestContext(request))

このデータをajax経由で動的に表示するにはどうすればよいですか? next_url から現在のページに結果を追加したい (さらに関数を読み込む)。

4

1 に答える 1

2

[ajax][1]クリックすると、送信をトリガーできます。成功すると、div に追加する HTML を取得します。

$('.span12 .pager li a').click(function(){
    var href = $(this).attr('href');
    $.ajax({
        url: href,
        success: function(data, status, xhr){
           // append the response data in the HTML
        }
    });
});
于 2012-12-19T17:57:50.207 に答える