devise ajax请求

前端之家收集整理的这篇文章主要介绍了devise ajax请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

devise默认已经有较好的ajax支持了,只需要简单的配置一下即可使用ajax登录/注册

1. 修改config/application.rb加下以下配置,启用json输出

# devise respond_to json
config.to_prepare do
  DeviseController.respond_to :html,:json
end

2. 修改form标签添加data-remote,data-type,设置id

<%= form_for(resource,115)">:as => resource_name,115)">:url => session_path(resource_name),115)">:remote => true,115)">html: {id: 'ajax_user_signin',115)">data: {type: :json}}) do |f| %>
$.ajaxSetup({
  beforeSend: function(xhr){
    var token;
    token = $('Meta[name="csrf-token"]').attr('content');
    if (token) {
      xhr.setRequestHeader('X-CSRF-Token',token);
    }
  }
});
'#ajax_user_signin').on('ajax:complete',function(e,xhr,type){
  if (type === 'success') {
    location.href = '/';
  } else {
    try {
      alert(xhr.responseJSON.error);
      // this.reset();
    } catch (e$) {
      e = e$;
    }
  }
});

关于登录登录方法注册基本相同,给form_for添加data-remote、data-type和id等属性。需要注意的是注册返回的表单验证是多项错误,使用xhr.resonseJSON.errors获取错误集合

原文链接:https://www.f2er.com/ajax/164629.html

猜你在找的Ajax相关文章