使用 django-allauth 实现 Ajax 请求/响应

Posted 2023-02-24

【中文标题】使用 django-allauth 实现 Ajax 请求/响应

【英文标题】：Implementing Ajax requests / response with django-allauth

【发布时间】：2013-04-16 05:45:59

【问题描述】：

我在我的一个项目中使用 django-allauth。我想通过 ajax 实现登录/注册过程。我想要定制的注册表单。我正在浏览他们的 signupmixin 和注册表单。听起来我可以为每个操作编写自定义视图并将其映射到 url 配置。我不确定最好的方法是什么。

非常感谢您对此提供的任何帮助或建议。

【参考方案1】：

这有点取决于你所说的 ajax 是什么意思。如果您只想在每个页面上都有一个弹出式登录/注册框，那么您可以简单地将表单添加到您的基本模板中，并在弹出框中使用 javascript 动态显示它。如果您将表单操作 url 保留为原始的 allauth url，那么这已经给人一种 ajax 登录的感觉。您还可以使用$.ajax 或$.post 来调整内容以发布到原始allauth 视图。

上面的事情是在http://officecheese.com/ 上完成的——这是一个基于allauth 的网站，虽然我不隶属于它。

如果你所说的 ajax 是指所有与身份验证相关的视图都应该通过 ajax 显示，而不会导致新的文档重新加载，那么恐怕你有点不走运。这对于涉及电子邮件验证或 OAuth 握手的场景来说是有问题的，因为在这里您通常从邮箱导航到新 URL，或重定向到 Twitter 等。

【讨论】：

嗨@pennersr，很高兴收到您的回复。我想在下拉列表中实现一个类似于 officecheese.com 所做的表单。但如果有错误，让我们说“无效的用户名或密码”或“用户名已经存在”。我想在实际导航之前在那里得到这个错误。所以，我的计划是通过$.post 提交表单，并获得 json 响应以进行登录和注册。非常感谢您在这方面帮助我。

您可以检查对$.post/ajax 调用的响应，提取表单html（包含验证错误），并替换您的原始表单。类似：$("...oldForm...")).replaceWith($(ajaxresponse).find("form"))。检测登录成功 URL 重定向可能会变得有点混乱，您需要检测到您最终到达了登录重定向 url。覆盖视图以返回结构化 JSON 数据虽然更简洁。话又说回来，为什么要费尽心思尝试 ajaxify —— Twitter 等网站也不这样做。

@pennersr 除了将 id 硬编码到基本模板中或使用基于类的视图之外，有没有办法将表单包含在我所有基于函数的视图中，而不必将其添加到每个视图中?