MrTom_2020
@MrTom_2020 (と む)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

【Rails javaScript】XMLHttpRequestを使ってsendしてもparametersが空っぽ??

解決したいこと

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

1Answer

GET リクエストの場合、 Rails コントローラの params に入るのはクエリ文字列パラメータです。クエリ文字列とはリクエスト URL の ? 以降の部分です。(URL が /hoge?key1=value1 だとすると params[:key1] == 'value1'

リクエストボディに JSON を入れてパラメータを渡したいなら POST でリクエストする必要があります。

  xhr.open("POST",'/users.json');

Railsガイド - Action Controller の概要 - パラメータ

2Like

Comments

  1. @MrTom_2020

    Questioner

    ご解答誠にありがとうございます。
    そうなんですね!
    知りませんでした!
    これでやっと進みます!
    ありがとうございました!

Your answer might help someone💌