由jQuery ajax上的django视图呈现的错误html模板得到调用

Question

我的django应用程序的index.html页面使用jquery fullcalendar，由一个名为index()的django视图填充，该视图使用simplejson来转储包含当月所有日期事件的数组。该方法呈现index.html模板。

我在单击日历的prev button时进行了ajax get调用，该日历调用了另一个django视图prev_month() 。此方法计算上个月的events数组并将其转储，最后呈现一个不同的模板'prev_month.html'

def prev_month(request,year,month):
    ....
    prev_events=[]
    #populates array by making db calls
    return render_to_response('prev_month.html',{'prev_events':prev_events})

prev_month.html

...
<script>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
       events: {{prev_events|safe}}
    });
        $('.fc-button-prev').click(function(){
          var d=$('#calendar').fullCalendar('getDate');
          var month=d.getMonth()+1;
          var year=d.getFullYear();
          $.ajax({url:'/myapp/prev_month/'+year+'/'+month,type:"GET",
  success:function(){
                    alert('prev_month.html::success');
},
});
});
</script>

模板index.html与上面的模板相似，除了成功警报显示'index.html::success' ，它还使用由名为index() django视图传递的current_events填充日历。

django视图是

def index(request):
   ...
   #creates events array and jsondump
   return render_to_response('index.html',{'current_events':events_array})

当我转到索引页面时，日历将显示当月的所有事件。单击prev按钮时，将执行django视图prev_month（）。但是由于某种原因，呈现的模板是index.html而不是prev_month.html 。这从显示index.html::success成功警报中可以明显看出

而不是prev_month.html::success

因此，不会显示上个月的事件。

有人可以帮我弄清楚为什么会这样吗？

Answer 1

不使用您的AJAX调用的响应。

您必须更改$.ajax()调用，以便成功函数实际绑定数据（即，来自Django服务器的响应）。 我们在示例中使用$.get()使其更易于阅读：

$.get('/myapp/prev_month/'+year+'/'+month, function(data) {
  $('#calendar').fullCalendar({events: data});
});

请参阅jQuery.get文档，网址为http://api.jquery.com/jQuery.get/

这应该使用您的fullCalendar()方法，并将接收到的data作为events新值提供。

查看JavaScript错误控制台，看看data格式是否引起问题； 如果是这样，则必须在prev_month()中将结果作为JSON返回。