使用Ajax表单登录客户帐户

Question

如果Shopify后端有任何内容阻止我在我们的网站上添加ajax登录表单，您能告诉我吗？基本上我希望客户能够从任何地方登录。

<form accept-charset="UTF-8" action="/account/login" id="customer_login" method="post" class="cd-form">
<input name="form_type" type="hidden" value="customer_login">
<input name="utf8" type="hidden" value="✓">


<p class="fieldset">
<label class="image-replace cd-email" for="signin-email">E-mail</label>
<input class="full-width has-padding has-border" id="customer_email" type="email" placeholder="E-mail" name="customer[email]">
<span class="cd-error-message">Error message here!</span>
</p>

<p class="fieldset">
<label class="image-replace cd-password" for="signin-password">Passwort</label>
<input class="full-width has-padding has-border" id="customer_password" type="password"  placeholder="Password" name="customer[password]">
<span class="cd-error-message">Error message here!</span>
</p>

<p class="fieldset">
<input type="checkbox" id="remember-me" checked>
<label for="remember-me">Angemeldet bleiben</label>
</p>

<p class="fieldset">
<input class="full-width" type="submit" value="Anmelden">
</p>
</form>

Answer 1

我知道这有点晚了，但完全可以做。这有点复杂，但非常可行。

简而言之，您需要这样做：

1. 向/account/login
发送ajax POST请求
2. 扫描HTML响应以检查登录错误
3. 如果需要，重定向客户

在这里提供完整的解决方案对于StackOverflow来说太长了 - 请查看我在此上写的博客文章以获取更多详细信息：http://inside.sauce.ly/how-to-build-an-ajax-login-form-on-shopify/

值得注意： Shopify并未积极支持此方法。