我对姜戈是个新手,对阿贾克斯也是个新手。我正在做一个项目,我需要整合这两个。我相信,我理解了它们背后的原理,但没有找到一个很好的解释两者在一起。
谁能给我一个快速的解释,代码库必须如何改变与他们两个集成在一起?
例如,我还能在Ajax中使用HttpResponse
吗,或者我的响应必须随着Ajax的使用而改变吗?如果是,请提供一个对请求的答复必须如何改变的例子?如果有任何区别,我返回的数据是JSON。
即使这不是完全在SO精神,我喜欢这个问题,因为我有同样的麻烦当我开始,所以我给你一个快速的指导。很明显,你不了解它们背后的原则(不要把它当作是一种冒犯,但如果你了解了,你就不会问了)。
Django是服务器端的。这意味着,假设客户机转到一个URL,您在views
中有一个函数,它呈现他看到的内容,并以HTML形式返回响应。下面我们将其分解为示例:
views.py:
def hello(request):
return HttpResponse('Hello World!')
def home(request):
return render_to_response('index.html', {'variable': 'world'})
index.html:
<h1>Hello {{ variable }}, welcome to my awesome site</h1>
urls.py:
url(r'^hello/', 'myapp.views.hello'),
url(r'^home/', 'myapp.views.home'),
这是最简单用法的一个例子。转到127.0.0.1:8000/hello
意味着对hello()
函数的请求,转到127.0.0.1:8000/home
将返回index.html
并按要求替换所有变量(您现在可能已经知道了这一切)。
现在我们来谈谈Ajax。AJAX调用是执行异步请求的客户端代码。这听起来很复杂,但它仅仅意味着它在后台为您执行一个请求,然后处理响应。因此,当您对某个URL进行AJAX调用时,您得到的数据与用户访问该位置时得到的数据相同。
例如,对127.0.0.1:8000/hello
的AJAX调用将返回与您访问时相同的内容。只是这一次,您将它放在JavaScript函数中,您可以任意处理它。让我们来看一个简单的用例:
$.ajax({
url: '127.0.0.1:8000/hello',
type: 'get', // This is the default though, you don't actually need to always mention it
success: function(data) {
alert(data);
},
failure: function(data) {
alert('Got an error dude');
}
});
大致流程是这样的:
127.0.0.1:8000/hello
,就像您打开了一个新选项卡并自己完成一样。现在这里会发生什么?你会收到一个带有“你好世界”的警报。如果对主页执行AJAX调用会发生什么情况?同样,您将得到一个提示,说明
。hello world,欢迎来到我的超棒站点
换句话说--AJAX调用并没有什么新的东西。它们只是一种让用户在不离开页面的情况下获得数据和信息的方式,它使您的网站设计流畅,非常整洁。您应该注意以下几个指导原则:
console.log
来调试。我就不详细解释了,随便谷歌一下了解一下就行了。这对你很有帮助。csrf_token
。对于AJAX调用,很多时候您希望在不刷新页面的情况下发送数据。在最终记住这一点之前,您可能会遇到一些麻烦--等等,您忘记发送csrf_token
。这是AJAX-Django集成初学者的一个众所周知的障碍,但是在学习了如何使其更好地运行之后,就很容易了。这就是我想到的一切。这是一个很大的主题,但是的,可能没有足够的例子在那里。只要你努力,慢慢地,你最终会得到它的。