无需重新加载页面的Django身份验证

Question

我是前端Web编程的新手，并且正在尝试模仿iCloud.com登录页面。 我有整个布局。 我具有成功登录时的过渡功能以及失败登录时的抖动功能，但是我一辈子都无法弄清楚如何在不更改页面的情况下使用django检查用户身份验证，然后相应地激活这些功能。 我无法获得Ajax或任何可用的工具。

任何人都知道如何做到这一点，可以为我指明正确的方向。 现在，我非常确定我要执行的操作是提交ajax表单。

Answer 1

用户身份验证没有什么特别的。 对于ajax和非ajax视图，它的工作原理相同。

我建议您先实现无需ajax的身份验证。 确认它正在工作，然后使用ajax。

但是简单的例子是：

1）在网址中添加登录网址

from django.contrib.auth import views as auth_views
....
url(r'^authenticate/$',
        auth_views.login,
        {'template_name': 'yourapp/login.html'},
        name='auth_login'),

如您所见，您可以将模板作为关键字参数提供给该视图。 因此，您可以使用djangos自己的身份验证视图对模板进行身份验证

2）单击页面后，将链接添加到您的页面。 获取请求并读取模板并将其放入某种模式。 这相对容易，许多jQuery模态插件都支持此功能。 我已经好几年没有使用jQuery了，所以找到可靠的示例可能对您和对我一样容易

3）模态窗口将显示您自己的login.html。 在该文件中，将表单发布到它来自的相同URL。 您可以通过将表单操作属性设置为{{ request.get_full_path }}

4）您还必须实现一些js代码，这些代码将在提交时重置表单以显示登录错误。

5）成功提交之后可能是最困难的部分，因为您必须在此处进行大多数编码。 使用django视图登录后，如果不使用ajax，将被重定向。 您可以通过两种方式处理它-预期并使用返回的重定向作为提示，您可以显示“登录成功”消息或向服务器发出另一个ajax请求，以获取“登录成功”模板并刷新需要显示登录（已登录或未登录）状态。