我正在尝试用jQuery-pjax和django-pjax来调整我的一些观点。据我了解,每个pjax请求都会发送一个额外的标头 X-PJAX: True
。但是,即使(我认为)我的pjax代码工作正常,我也无法在任何地方找到它。
基本模板 stock-template.html
:
<ul>
<li><a data-pjax href="/basic/stock/" id="link-stock-index"></li>
<li><a data-pjax href="/basic/stock/list/" id="link-stock-list"></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
if ($.support.pjax) {
// I have tried the basic way
// $(document).pjax('a[data-pjax]', '.tab-content)
// here is a simplified version of using pjax through the click event
// the container does get updated
$(document).on('click', 'a[data-pjax]', function(event) {
var container = $('.tab-content')
$.pjax.click(event, {container: container})
})
// this gets executed
$(document).on('pjax:complete', console.log('pjaxify complete'))
}
});
</script>
在模板1(股票指数) stock.html
和模板2(股票清单) stock-list.html
中,我扩展模板并重复使用上面的导航,同时将 <div class="tab-content">
作为指定的容器。
urls.py
urlpatterns = patterns('',
url(r'^$', stock.index, name='index'),
url(r'^stock/$', stock.index),
url(r'^stock/list', stock.slist),
)
views.py
def index(request):
context_instance = RequestContext(request, {
'pjax': request.META.get('HTTP_X_PJAX'),
})
return TemplateResponse(request, 'basic/stock/stock.html', context_instance)
def slist(request):
items = Stock.objects.all()
context_instance = RequestContext(request, {
'pjax': request.META.get('HTTP_X_PJAX'),
})
return TemplateResponse(request, 'basic/stock/stock-list.html', context_instance)
总而言之,我认为我的代码有效,因为PJAX脚本被执行并且pjax:complete
被调用。我只想仔细检查标题以确保它是pjax而不是localhost太快而无法注意到页面刷新。问题是我在Chrome或Firefox中看不到任何X-PJAX标题。
正如您所看到的,我还尝试获取标题并将其发送到模板进行显示,但输出None
。
请帮忙。
答案 0 :(得分:0)
我的问题非常愚蠢。 PJAX无法用template-pjax交换我的模板,因为我忘了在pjax模板中加载i18n。但我非常感谢@Sean Hogan关于检查网络面板的提示。