Question

简短版本：

在ajax调用之后，链接变为纯文本，但在页面刷新时返回链接。

详细说明：

我有一个通知系统（如Stack Overflow和诸如此类）。通知在下拉子模板中：

notification_menu_list.html

{％load display_tags％} {％load item_tags％}

<div id='notification_header'>{{ request.user|count_unread_notifications }} notification{{ request.user|count_unread_notifications|pluralize}}</div>
        <ul id='notification_box'>
          {% for notification in request.user|get_notifications|slice:"6" %}
            {% if notification.active %}
              <li class='unread notification' id='{{notification.pk}}'>{{notification.headline|safe}}</li>
            {% else %}
              <li class='read notification' id='{{notification.pk}}'>{{notification.headline|safe}}</li>
            {% endif %}
          {% endfor %}
          <li class='notification all_notifications_link'><a href='{% url "notifications" %}'>Show all</a></li>
      </ul>

或在django表中包含更多详细信息：

tables.py

class NotificationTable(tables.Table):

    tr_class = tables.BooleanColumn(
        visible=False,
        empty_values=(),
        accessor='active',
    )

    selection = tables.columns.CheckBoxColumn(
        accessor="pk",
        attrs={"th__input": {"onclick": "toggle(this)"}},
        orderable=False)

    message = tables.Column(
        accessor='body',
        verbose_name='Message')

    def render_message(self, value):
      return mark_safe(value)

    created_date = tables.DateTimeColumn()

    def render_tr_class(self, value):
        if value is False:
            return 'read'
        elif value is True:
            return 'unread'

    class Meta:
        model = Notification

他们都正确渲染。在桌面上，我可以选择通知，然后点击“标记为已读”＃39;它通过ajax调用处理表单并设置活动＆＃39;为假。在下拉列表中，单击通知（通常是链接）将触发对mark_single_notification_as_read的ajax调用：

views.py：

def mark_notifications_as_read(request):
    if request.method == 'POST':
        selected_pks = request.POST.getlist('selection')
        selected_pks = [int(pk) for pk in selected_pks[0].split(',') if pk != 'on']
        Notification.objects.filter(pk__in=selected_pks).update(active=False)
    table = build_notifications_table(request).as_html()
    return HttpResponse(json.dumps(table), content_type='application/json')


def mark_single_notification_as_read(request):
    if request.method == 'POST':
        notification_id = request.POST.get('notification_id')
        Notification.objects.filter(pk=int(notification_id)).update(active=False)
        return render(request,
                      'notifications/notifications_menu_list.html',
                      {})
    else:
        print 'not post'

无论哪种方式，一旦ajax完成，链接将变为纯文本。如果我刷新页面，它们又回来了。我无法弄清楚原因。有什么想法吗？

编辑：

忘了ajax。为什么世界会重要？

$("#notification_container").on('click', 'li.unread', function(){
      notification_id = $(this).attr('id');
      $.ajax({
        type: 'POST',
        url: "{% url 'mark_single_notification_as_read' %}",
        data: {'notification_id' : notification_id}, 
        success: function(data){
          $('#notification_container').html(data);
        }
      });

链接在ajax调用时死亡

0 个答案: