【Rails javaScript】XMLHttpRequestを使ってsendしてもparametersが空っぽ??
Q&A
Closed
解決したいこと
XMLHttpRequestを使用してsendして、parametersにデータを入れたい。
環境
ruby 2.5.1
rails 6.0.3.2
関連ソース
javascript
function ajaxSearch(e)
{
e.preventDefault();
let mailData={email:searchEmail.value};
let inputData={user:mailData};
let jsonData=JSON.stringify(inputData); //このときjsonDataは{"user":{"email":"a@a.com"}}
let xhr=new XMLHttpRequest();
let res=xhr.responseText;
xhr.onload=function(){...}
xhr.onerror=function(){alert('error');}
xhr.open("GET",'/users.json');
xhr.responseType='json';
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(jsonData);
}
searchEmail.addEventListener('keyup',ajaxSearch);
html
<form action="/groups" accept-charset="UTF-8" method="post">
<div class="field">
<label>Group name</label>
<input type="text" name="name" id="name">
</div>
<div class="field">
<label>search Email</label>
<input id="searchEmail" name="email" placeholder="e@mail.com" type="email" value="">
</div>
<div class="field" id="searched_member">
</div>
<div class="actions">
<input type="submit" name="commit" value="Create" class="group_form__submit" id="group_form__submit" data-disable-with="Create">
</div>
</form>
users_controller.rb
UsersController < ApplicationController
def index
@user=User.find_by(user_params[:email])
binding.pry
respond_to do |format|
format.html {redirect_to :root}
format.json {render json: @user}
end
end
private
def user_params
params.require(:user).permit(:email)
end
end
簡単に実現したい処理を説明
- input type="text" にグループ名記入
- input type="email" でメアドを非同期検索 #問題発生
- 結果を div id="searched_member" に表示
- submitでグループ名とメアドでクリエイト
問題内容
javaScript内でsend直前までのjsonDataは
{"user":{"email":"a@a.com"}}
send後をターミナルで確認すると
Started GET "/users.json" for 127.0.0.1 at 2020-08-07 19:57:54 +0900
Processing by UsersController#index as JSON
Parameters: {"user"=>{}}
Completed 400 Bad Request in 1ms (ActiveRecord: 0.0ms | Allocations: 474)
ActionController::ParameterMissing (param is missing or the value is empty: user):
と何故かParametersは空っぽ
この問題を解決して、parameterにjsonDataを入れたいです。
お詳しいかたに教えていただけましたら幸いです。
それではよろしくお願いいたします。
0