0

我有这个问题：我正在控制器中检查用户电子邮件并成功发送 json 响应，如果它已经被采用并添加输入的 css 样式，我还需要阻止提交并添加一些消息。

这是我的检查电子邮件操作（使用这篇文章 - http://paydrotalks.com/posts/45-standard-json-response-for-rails-and-jquery）：

def checkemail
  if !User.where('email = ?', params[:email]).empty?
    format.jsonr do
      render :json => { 
        :status => :ok, 
        :message => "Success!",
      }.to_json
    end
  end
end

在我的路线中：

         checkemail GET    /checkemail(.:format)

          match "/checkemail", to: 'edit_user#checkemail'

和我的 jQuery：

   $('#user_email').focusout(function() {
    $.getJSON('/checkemail', { email: $('#user_email').val() }, function(data) {
        $('#user_email').addClass("error");
      });
   });

我的 HTML 输入代码：

     <input id="user_email" name="user[email]" size="30" type="email" value="">

来自 mime_type 初始化程序文件：

    Mime::Type.register_alias "application/json", :jsonr, %w( text/x-json )

从提琴手：

  Request : GET /checkemail?user@mail.com HTTP/2.0

  Response(RAW tab) : 
  Missing template edit_user/checkemail

  JSON tab is empty

问题：如何检查是否发送了 json 请求？如何防止提交表单并添加一些消息？

4

1 回答 1

1

我会这样做：

$('#element').focusout(function() {
  $.getJSON('PATH_TO_EMAIL_CHECK_ACTION', { email: $('#element').val() }, function(data) {
    // The data should tell you if its unique or not, you do something
    // here depending on response 
  });
});

在控制器中，检查电子邮件是否被占用。如果不是，则发送回渲染 json，状态为 OK，消息成功。您可以在上面评论的回调中检查状态是否成功。

jquery focusout - http://api.jquery.com/focusout/

jquery getJSON - http://api.jquery.com/jQuery.getJSON/

关于控制器中的 json 响应 - http://paydrotalks.com/posts/45-standard-json-response-for-rails-and-jquery

于 2012-09-08T16:14:02.690 回答