jquery - 我如何使用 AJAX 使我的登录和注册页面在 Rails 3 中相同？

Question

这是 Rails 代码的样子:

<div id="sign_in">

<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
        <%= f.text_field :f_name, :value => "First Name", :class => "clearField curved" %><br />
        <%= f.text_field :l_name, :value => "Last Name", :class => "clearField curved" %><br />
        <%= f.text_field :email, :value => "Email Address", :class => "clearField curved" %><br />
        <%= f.text_field :username, :value => "Username", :class => "clearField curved" %><br />
        <%= f.password_field :password, :value => "Password", :class => "clearField curved" %><br />
        <%= f.password_field :password_confirmation, :value => "Password", :class => "clearField curved" %><br />

    <div id="login_buttons">
        <%= f.submit "Sign in", :id => "login", :value => "Log In", :class => "curved" %>
        <%= f.submit "Sign in", :id => "register", :value => "Register", :class => "curved" %>

    </div>
<% end %>

实现是这样的:http://jsfiddle.net/Chandu/AdQfB/11/

我希望发生的事情是，当他们在网站的任何位置单击“登录”或“注册”时...他们会转到一个具有两种状态的页面。

例如，它将转到 myapp.com/signin#login 或 myapp.com/signin#register 或类似的内容。不必完全是那样，但是您明白了。这样，我就可以直接盗链到 myapp.com/signin#register，他们会首先看到注册表 - 而不是登录表单，反之亦然。

此外，当他们在该页面上并单击“登录”时 - 如果其他字段不可用，则他们会登录。但是，如果他们单击“注册”并且其他字段出现，他们会填写信息，然后当他们点击“提交”时他们就成功注册了。

我如何实现这一目标？

编辑 1:有人有任何解决方案吗？

谢谢。

Answer 1

我不确定 jQuery 是否有内置函数，但是使用简单的 JS(你可以混合使用 jQuery 和 JS):

window.location.hash

将返回散列 (#) 之后的所有内容。

在您的登录 Controller 中，您可以执行以下操作:

$(function(){});
switch(window.location.hash){
  case 'login':
    show_login_form();
    break;
  case 'register':
    show_register_form();
    break;
}